xsl-fo - 使用 Apache FOP 在 XSL-FO 中的下划线文本下放置字母

Question

我有一个项目要求我在一段文本中的一些带下划线的文本下放置一个 ID 字符串。

这是一个使用带有灰色边框的内联 SVG 对象来显示布局的示例:

我可以使用带有基线偏移的内联元素来接近，然后使用 SVG 来呈现文本。然而，这有一个缺点(我认为)，我必须手动输入 SVG 的像素宽度，这对于这样一个简单的布局来说似乎非常复杂。

这是 XSL-FO 标记:

<fo:block>
Normal text
<fo:inline baseline-shift="-100%">
    <fo:instream-foreign-object text-align="center" display-align="center" border="solid silver 1px">
        <svg xmlns="http://www.w3.org/2000/svg" height="25" width="120" viewport="0 0 120 25">
            <text x="60" y="10" fill="black" text-anchor="middle" text-decoration="underline" font-size="12pt">underlined text with id</text>
            <text x="60" y="25" fill="black" text-anchor="middle" font-size="12pt">123</text>
        </svg>
    </fo:instream-foreign-object>
</fo:inline>
normal text.
</fo:block>

所以我的问题是:我可以在不使用 instream-foreign-object 和 SVG 的情况下在 Apache FOP XSL-FO 中执行此布局吗？如果我做不到，有没有什么办法可以不必将 SVG 中的宽度以像素为单位？或者有什么方法可以计算 SVG 渲染需要多少像素？

我还应该注意到 Apache FOP 不支持内联容器。

https://xmlgraphics.apache.org/fop/compliance.html

提前致谢! - 丹

Answer 1

这是一个示例，按照我建议的 RenderX 使用格式化树完成。

将所需的片段格式化为中间格式......对于单个片段来说是这样的:

    <fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
        <fo:layout-master-set>
            <fo:simple-page-master margin="0mm" master-name="MASTERsite1" page-width="214mm" page-height="29pt">
                <fo:region-body margin="0mm"/>
            </fo:simple-page-master>
        </fo:layout-master-set>    
        <fo:page-sequence master-reference="MASTERsite1">
            <fo:flow flow-name="xsl-region-body">
                <fo:table>
                    <fo:table-body>
                        <fo:table-row>
                            <fo:table-cell><fo:block text-decoration="underline" text-align="center">This is Underlined Text with ID</fo:block></fo:table-cell>
                        </fo:table-row>
                        <fo:table-row>
                            <fo:table-cell><fo:block text-align="center">1234567</fo:block></fo:table-cell>
                        </fo:table-row>
                    </fo:table-body>  
                </fo:table>
            </fo:flow>
        </fo:page-sequence> 
    </fo:root>

输出结果是这样的:

    <xep:document xmlns:xep="http://www.renderx.com/XEP/xep" producer="XEP 4.19 build 20110414" creator="Unknown" author="Unknown" title="Untitled">
        <xep:page width="162708" height="29000" page-number="1" page-id="1">
    <xep:word-spacing value="0"/>
    <xep:letter-spacing value="0"/>
    <xep:font-stretch value="1.0"/>
    <xep:font family="Helvetica" weight="400" style="normal" variant="normal" size="12000"/>
    <xep:gray-color gray="0.0"/>
    <xep:text value="This is Underlined Text with ID" x="0" y="18734" width="162708"/>
    <xep:line x-from="0" x-till="162708" y-from="17534" y-till="17534" thickness="600" style="solid"/>
    <xep:text value="1234567" x="58002" y="4334" width="46704"/>
    </xep:page>
    </xep:document>

你会修改结果来改变页面宽度的地方，但是它恰好在文本中作为关注的文本元素的宽度，也就是改变:

 <xep:page width="606614" height="29000" page-number="1" page-id="1">

因此宽度来自所关注的文本行，以编程方式从 xep:line 或 xep:text 行中获取 x-till(如上更改)。请注意，这与您的 SVG 示例完全相同，只是您可以通过编程方式访问此文件中的数字。

最后，使用这个"file"作为图像，然后可以使用:

 <fo:external-graphic src="test19.xep" content-type="application/xepout" alignment-baseline="central"/>

现在，虽然您说要查看所有这些步骤，但这是一个解决方案，而且上述所有步骤都可以自动化到一个流程链中。首先循环并格式化所有关注的对象并从中生成小文件，然后第二遍将不格式化这些片段，而是将它们用作图像。

注意:结果的附图中显示的行间距不能用 FOP 完成(我相信)，我认为这是 FOP 的限制。

注意#2:我不是 FOP 专家，我对它的实现一无所知，特别是在文档中使用区域树作为图像。如果 FOP 是必须的，我建议调查一下。您可以像使用它们的所有维度一样轻松地将区域树转换为 SVG 并使用它们，或者更好地将区域树读入第二个转换并从中直接内联生成流内异物 SVG。