1

我正在阅读 Apache FOP 快速入门。我正在从命令行转换一个包含 svg 元素的简单 xml 文件并将其转换为 pdf 文件。我能够做到这一点，但是 svg 生成的图像被切断了。我是 XSL-FO 和 Apache FOP 的新手，但我确实查看了 w3c 属性文档。不幸的是，现在我更加困惑了。我尝试了以下方法，但没有成功：更改 svg 本身的宽度和高度属性；在简单页面主元素中将页面高度和页面宽度设置为“自动”；消除margin属性。我没有看到任何表明 region-body 以某个默认大小开头的内容。

这是xml：

<chart>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="600" height="100">
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
    <circle cx="100" cy="100" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>

这是xsl：

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
      xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
      xmlns:fo="http://www.w3.org/1999/XSL/Format">
  <xsl:output method="xml" indent="yes"/>
  <xsl:template match="/">
    <fo:root>
      <fo:layout-master-set>
        <fo:simple-page-master master-name="A4-portrait"
              margin="10">
          <fo:region-body/>
        </fo:simple-page-master>
      </fo:layout-master-set>
      <fo:page-sequence master-reference="A4-portrait">
        <fo:flow flow-name="xsl-region-body">
          <fo:block>
            <fo:instream-foreign-object xmlns:svg="http://www.w3.org/2000/svg" content-width="600" content-height="300">
                <svg:svg>
                    <xsl:copy-of select="/chart/svg:svg"/>
                </svg:svg>
            </fo:instream-foreign-object>
          </fo:block>         
        </fo:flow>
      </fo:page-sequence>
    </fo:root>
  </xsl:template>
</xsl:stylesheet>

图像应该显示一个红色和绿色重叠的圆圈，但它只显示绿色圆圈的左上角。我希望我缺少的块元素中有一个属性，但我不知道是哪个。我看起来像块被限制为 100px x 100px 大小。

我缺少什么属性，如何让整个 svg 图像正确显示（两个完整的圆圈重叠）？

谢谢，

布兰特

PS：我会发送一张显示问题的图片，但我没有足够高的声誉。

4

1 回答 1

1

错误是在三个位置（边距、内容宽度和内容高度）的 FO 中没有单位的大小规范。此外，上述评论中所述的 SVG 的高度为 100，超过了绿色圆圈的一半。

更正这些并仅显示 FO：

<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
        <fo:layout-master-set>
            <fo:simple-page-master master-name="A4-portrait">
                <fo:region-body/>
            </fo:simple-page-master>
        </fo:layout-master-set>
        <fo:page-sequence master-reference="A4-portrait">
            <fo:flow flow-name="xsl-region-body">
                <fo:block>
                    <fo:instream-foreign-object xmlns:svg="http://www.w3.org/2000/svg">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="600" height="200">
                            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
                            <circle cx="100" cy="100" r="40" stroke="black" stroke-width="2" fill="green" />
                        </svg>
                    </fo:instream-foreign-object>
                </fo:block>         
            </fo:flow>
        </fo:page-sequence>
    </fo:root>

这会在您的输出中显示完整的 SVG 图像。

于 2013-09-30T02:57:46.427 回答