在任意数量的SVG tspan元素后绘制一条线

我想使用SVG创建一个XSLT模板来生成系统中订单的PDF。我的想法是，我有N个顺序位置（比如3到10），我希望逐行显示，在最底层的行和通常的总行之后有一条水平线

下面是一个例子：

我的问题是，我无法找到如何定位水平线和相对于上一个订单位置行的最终总行。以下是我目前掌握的情况：

单层
$50
4.
$200
单层
$25
3.
$75
双层
$45
3.
$135
三层
$65
1.
$65
全部的
11
$475

---

我绝对不是专家，所以任何建议都非常感谢。我想我可以用类似于DIV的东西来定义每个位置行，并且所有的东西都会自动向下移动。但显然不是。

将每个订单行的

dy

属性值添加到

元素的

y

坐标。这将获得最后一个订单行基线的绝对Y位置

20 + (20 + 20 + 20) = 80.

添加适当数量的额外填充，使您位于最后一行中字符的下位（如10）

然后将行的

y1

和

y2

坐标设置为最终值（本例中为90）

单层
$50
4.
$200
单层
$25
3.
$75
双层
$45
3.
$135
三层
$65
1.
$65
全部的
11
$475

是否需要使用SVG？这将是很容易做到与HTML表格技术上，它可以与HTML。我只有一个部分是SVG，但嵌入起来应该不会太麻烦。整个A4布局已经用SVG制作，这样就省去了用HTML重写的麻烦。此外，整个过程最终将转换为PDF，因此我更愿意从SVG进行转换。或者你知道有什么HTML-to-PDF转换器可以很好地工作并保留SVG对象吗？你目前是如何将SVG转换为PDF的？我认为有两种选择：要么使用表格并将html/svg转换为PDF，要么使用行数计算行的坐标。我想我们只需要找出哪一个使用inkscape最容易/更易于维护：-）。整个过程是脚本化的，对于HTML到PDF的转换非常简化，我尝试了wkhtmltopdf，但我发现字体权重的处理相当不一致。但是，嵌入HTML的SVG由wkhtmltopdf正确呈现。混合表格的HTML和底部付款单的SVG将是一个可行的选择。这是通过在SVG中添加一个外来对象表来实现的方法：您可以在导出器中尝试一下，看看它是否有效？谢谢，如果您有给定的固定行数，这确实是一个简单的方法。只要我有5或6个，我就必须手动重新计算

y

坐标。我已经很久没有做任何XSLT了，但是你应该能够计算行数并计算出正确的y坐标。

20 + (20 + 20 + 20) = 80.