SVG tspan transform skew

Question

我正在寻找一种方法，可以对 tspan 进行倾斜，使用 transform="skewX(-45)"，但它似乎只能整体作用于父级 text。问题是，我希望周围的 tspan 不受影响，只有中间一个受到影响。我不想使用多个 text，因为我希望排版计算由系统完成，而不是手动定位 text（这样未来的字体更改就不会影响文本流）。另外，我需要以下文本跨度相对于倾斜的文本跨度的宽度进行调整，而不是相对于原始文本跨度进行调整。

是否有一种仅将 transform 应用于单个 tspan 的方法，或者可以通过使用多个 text 来保留文本流？

- Tomáš Hübelbauer

---

tspan 不允许进行转换。最近在 SVG 2 规范中就此问题进行了讨论（与 textPath 和 a 元素一起），但最终被 拒绝。 - ccprog

Answer 1

根据ccprog的评论，在<tspan>上使用转换(transforms)存在一些渲染问题 / 复杂性。

下面是可用的<tspan>属性：

您可能可以通过组合rotate、dx和dy来实现各种效果。一些人将<text>元素包装在<a>中，因为它允许转换。

- KyleMit