使用省略号与SVG的TSPAN？

Question

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

最初我尝试将CS​​S与text-overflow属性结合使用,方法是将值设置为"省略号",这是我正在寻找的确切行为,但它没有可用的功能(大笨蛋)还有其他任何方式限制文本的长度并允许在诸如悬停的动作上显示全文？

Answer 1

使用省略号文本创建tspan,然后<title>使用包含完整文本的元素,例如

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