SVG 矩形高度匹配 fo:block 高度

Question

这是在黑暗中拍摄的，但是有没有办法根据 fo:block 高度设置 svg 矩形高度？

我有一个设计，其中客户端假设静态图形可以在 fo:table-row 文本换行中缩放。静态图形具有非常特殊的形状。

我正在尝试找到一种解决方案来根据其父级缩放图形高度。

Answer 1

如果您试图在 table-cell 中的块后面放置一个缩放的背景图像（问题不清楚）...您可以使用 RenderX XEP 及其背景图像扩展来实现。

见http://www.renderx.com/reference.html#Background_Image

样本：

  <fo:table>
        <fo:table-column column-width="1in"/>
        <fo:table-column column-width="1in"/>
        <fo:table-column column-width="1in"/>
        <fo:table-body>
            <fo:table-row >
                <fo:table-cell>
                    <fo:block background-repeat="no-repeat" background-position="center center" background-image="circles1.svg" rx:background-content-height="scale-to-fit" rx:background-content-width="scale-to-fit" rx:background-scaling="non-uniform">This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block background-repeat="no-repeat" background-position="center center" background-image="circles1.svg" rx:background-content-height="scale-to-fit" rx:background-content-width="scale-to-fit" rx:background-scaling="non-uniform">This is some flowing stuff. </fo:block>
                </fo:table-cell>
                <fo:table-cell>
                    <fo:block background-repeat="no-repeat" background-position="center center" background-image="circles1.svg" rx:background-content-height="scale-to-fit" rx:background-content-width="scale-to-fit" rx:background-scaling="non-uniform"> This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. This is some flowing stuff. </fo:block>
                </fo:table-cell>
            </fo:table-row>
        </fo:table-body>
    </fo:table>

结果：

SVG 矩形高度匹配 fo:block 高度

SVG Rect Height to Match fo:block height

svg

xsl-fo

apache-fop