私が必要とするのは、テキストを切り捨てて、svg
長方形のサイズを埋めてから、フルサイズでポップアップすることmouse-over
です。次のコードを使用してcssでテキストを非表示にしてからポップアップしようとしましたが、うまくいかないようです。
#text_trunc {
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#text_trunc:hover{
overflow: visible;
white-space: normal;
width: auto;
position: absolute;
background-color: rgba(0,0,0,0);
}
を使用してすべてのsvg
要素を作成しました。これは、テキスト要素の をjavascript
作成する場所ですid
text.setAttributeNS(null, "id", "text_trunc");
私の最善の推測は、svg
切り捨てられない画像を作成することcss
です...まだ解決策が必要です。前もって感謝します