svg - 将省略号与 SVG 的 TSPAN 一起使用？

Question

我有一个页面，我们使用 SVG 来呈现序列图。所表示的某些数据有时可能会很长，因此我想限制 TSPAN 元素的宽度并提供省略号，同时允许用户将鼠标悬停在文本上并显示全文。

最初我尝试通过将值设置为“省略号”来将 CSS 与 text-overflow 属性结合使用，这是我正在寻找的确切行为，但它没有可用的功能（大坏蛋）还有其他方法吗限制文本的长度并允许在悬停等动作上显示全文？

Answer 1

用省略号文本创建 tspan，然后有一个<title>包含完整文本的元素，例如

<tspan>Really really...<title>Really really long text</title></tspan>