在SVG的TSPAN中使用省略號？

我有一個頁面，我們正在使用SVG來呈現序列圖。有些數據有時可能會很長，所以我想限制TSPAN元素的寬度並提供省略號，同時允許用戶將鼠標懸停在文本上並顯示全文。在SVG的TSPAN中使用省略號？

最初我嘗試將CSS與文本溢出屬性一起使用，通過將值設置爲「ellipsis」，這是我正在尋找的確切行爲，但它沒有可用的功能（大個子無聊）是還有其他方法可以限制文本的長度，並允許全文顯示在懸停等動作上嗎？

2013-10-07 Jim Gough

你要求的是在SVG2規範：https：//svgwg.org/svg2-draft/text.html#TextOverflowProcessing。例如：http://xn--dahlstrm-t4a.net/svg/css/text-overflow-ellipsis.svg（適用於Opera 12）。 –

是的，我看到了。不幸的是，我不得不迎合使用真正的舊瀏覽器的人，主要是IE瀏覽器 –

svg2尚未被任何主流瀏覽器採用https://css-tricks.com/svg-2-conundrum/ –

使用省略號文本創建tspan，然後使用包含完整文本的<title>元素。

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

來源

2013-10-08 06:46:15

在SVG的TSPAN中使用省略號？

回答

相關問題