有没有一种方法可以识别SVG TextPath的哪个部分被裁剪

Question

我有下面显示的SVG textPath。

<text class="text" dominant-baseline="middle" style="font-size: 0.3em">
<textPath class="text-path" href="#2abd837a-0">Cats and dogs</textPath>
</text>

此textPath是正确，显示了根据＃2abd837a-0引用的路径的长度进行了裁剪。

我将如何使用javascript查找被剪切和不可见的文本的长度？这甚至可能吗？

Answer 1

您可以使用getComputedTextLength方法来计算文本长度。您可以使用getTotalLength方法来计算路径长度。