svg - 在 SVG 的 TSPAN 中使用省略号?

标签 svg tspan

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

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

最佳答案

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

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

关于svg - 在 SVG 的 TSPAN 中使用省略号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19236738/

相关文章:

selenium - 测试 D3/HighCharts/SVG 的最佳策略是什么?

svg - 如何在不添加额外 tspan 的情况下重置 SVG tspan 定位

javascript - 使用 Javascript 和字符串创建 SVG 片段

javascript - HTML5 GAME 的滚动板应该使用 SVG 或 Canvas

javascript - 给一个svg文本对象追加多个tspan子元素时,每次都需要一个新的子元素吗?

html - 在 g 中标记文本将 css 转换为脉动

css - 在 SVG 中将文本行对齐到中心

javascript - 在 d3 js 中切割底部圆弧的矩形

javascript - 以编程方式创建 SVG anchor 元素?