使用省略号与SVG的TSPAN?

时间:2013-10-07 23:48:18

标签: svg tspan

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

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

1 个答案:

答案 0 :(得分:8)

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

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