Question

我正在以这种方式在 XSL FO文档中创建背景文本：

<svg:svg width="285" height="70"> <svg:g transform="rotate(-5)"> <svg:text x="10" y="60" style="font-family:Courier;font-size:40;font-weight:normal;stroke-width:0.5;fill:none;stroke:lightgray;stroke-opacity:0.75;"> Background Watermark Text </svg:text> </svg:g> </svg:svg>

有没有办法在页面背景中显示此SVG？问题是导入外部图像作为水印工作正常，但我找不到任何方法将此嵌入 SVG设置为背景图像......

Answer 1

这是一种方式。要在页面上执行背景图像，您可以设置region-after到页面高度的范围，然后使用该区域的静态内容来放置图像。我没有对你的图像做任何特别的事情，但是这样做，你可以使SVG成为页面的大小，然后做一个很好的工作中心等等。

（我更改颜色以便于查看）：

    <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format"
        xmlns:rx="http://www.renderx.com/XSL/Extensions">
        <fo:layout-master-set>
            <fo:simple-page-master page-width="8in" page-height="11in" master-name="first">
                <fo:region-body margin-top="1in" margin-left="1in" margin-bottom="1in"
                    margin-right="1in"/>
                <fo:region-before extent="0pt"/>
                <fo:region-after extent="11in"/>
            </fo:simple-page-master>
        </fo:layout-master-set>
        <fo:page-sequence master-reference="first">
            <fo:static-content flow-name="xsl-region-before">
                <fo:block line-height="0">
                    <fo:instream-foreign-object>
                        <svg:svg width="285" height="70" xmlns:svg="http://www.w3.org/2000/svg">
                            <svg:g transform="rotate(-5)">
                                <svg:text x="10" y="60" style="font-family:Courier;font-size:40;font-weight:normal;stroke-width:0.5;fill:cyan;stroke:lightgray;stroke-opacity:0.75;">
                                    Background Watermark Text 
                                </svg:text>
                            </svg:g>
                        </svg:svg>
                    </fo:instream-foreign-object>
                </fo:block>
            </fo:static-content>
            <fo:flow flow-name="xsl-region-body">
                <fo:block>
                    I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. 
                </fo:block>
                <fo:block>
                    I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. 
                </fo:block>
                <fo:block>
                    I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. I am a happy little block in the page. 
                </fo:block>
            </fo:flow>
        </fo:page-sequence>
    </fo:root>

使用Apache FOP的结果：

当然，您可以调整您的位置，大小，旋转等。我使用了一些不同的Watermark SVG，如果你愿意，可以在这里找到：

        <svg width="612pt" height="792pt" xmlns="http://www.w3.org/2000/svg" version="1.1">
            <text transform="translate(306pt, 396pt) rotate(47)" text-anchor="middle" fill="rgb(255,0,0)" font-family="Helvetica" font-size="92pt" stroke="rgb(255,0,0)" fill-opacity="0.07">WATERMARK</text>
        </svg>

但是，我只使用RenderX XEP测试了第二个水印。它不适用于FOP，因为不支持某些内容。

样品：

从嵌入式SVG设置XSL FO背景图像

1 个答案: