如何使动态高度图像不重叠？

Question

我正在做类似下面的事情。两张图片都具有基于blockHeaderImg和blockFooterImg参数的动态/可变高度。

我想要的是让第2张图像从第1张结束的地方开始。 类似display: block上的CSS。

<summary>
    <band height="2">
        <image scaleImage="RealHeight" isUsingCache="true" onErrorType="Blank">
            <reportElement x="0" y="1" width="500" height="1" uuid="c0b2f2c0-6a77-11e6-8b77-86f30ca893d3" />
            <imageExpression><![CDATA[$P{blockHeaderImg}]]></imageExpression>
        </image>
        <image scaleImage="RealHeight" isUsingCache="true" onErrorType="Blank">
            <reportElement x="0" y="0" width="500" height="1" uuid="00045792-07db-11e7-93ae-92361f002671" />
            <imageExpression><![CDATA[$P{blockFooterImg}]]></imageExpression>
        </image>
    </band>
</summary>

非常感谢任何帮助。

P.S。我手动执行此操作，没有适用于jasper的IDE。

Answer 1

在y = 1时为图像设置<script> import RevealVisitor from './modals/VisitorReveal.vue'; export default{ data: () => { return { storeapp: 'mowgli' } }, methods: { testStore: () => { console.log(this.$store.getters.getTest); } }, components: { 'fd-reveal-visitor': RevealVisitor } } </script> 。