我在使用SVG時遇到了一個問題。我希望用戶能夠寫一些文字，并且從一定的長度開始，它能自動斷行。
現在是HTML，它可以作業。我想知道SVG是否存在這種功能
非常感謝。
非常感謝
uj5u.com熱心網友回復：
目前SVG的<text>元素上沒有任何屬性可以實作自動的文本包裝。
包裝到tspans
然而，您可以使用各種<tspan>元素在一個文本元素中包裹文本，來自MDN WebDocs：
SVG元素在一個元素或另一個元素中定義了一個子文本。它允許根據需要調整該子文本的樣式和/或位置。
書
書中還對tspan方法進行了深入的解釋：
- Amelia Bellam
- Amelia Bellamy-Royds（2015）。SVG文本布局，第四章。多行SVG文本, O'Reilly, ISBN: 9781491933824
正在進行的提案
W3C wiki中的一個頁面從2013年開始建議。包裹文本的提案.。uj5u.com熱心網友回復：
你可以通過在路徑上繪制文本來偽造一些東西，但仍然看起來很丑，而且無法控制空白和換行
。 。<style>/span>
svg {
background: lightgreen
}
</style>>
<svg viewbox="0 0 400 150"/span>>
< path id="P"/span> pathLength="100" d="M10 25h380M10 75h380M10 125h380" stroke="green"> </path>>
<text>
< textPath href="#P"/span> startoffset="0" text-anchor="start" dominant-baseline="middle" "middle
fill="red" font-size="50px"> 你好，這是一個多么美妙的SVG世界啊</textPath>。
</text>/span>
</svg>/span>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/320101.html
標籤：
下一篇：在htmldiv元素之間畫線