2012-04-16 60 views
1

例如,我想在矩形的頂部放置一些文本。XML:SVG - 如何在一個矩形中包裝一段文字

<rect x="0" y="0" width="800" height="600" /> 
<text x="0" y="0"> 
    text text text text text text text text text text text text ... so on 
</text> 

但問題是,當文本變得越來越長,它會超過矩形的原始寬度。

在HTML中我們可以用div來包裝文字, 在SVG中我們該如何處理呢?

+1

http://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text可能的重複。 – 2012-04-16 08:17:41

回答

1

你可能想玩svg1.2草案規範的flow *部分。

http://www.w3.org/TR/2004/WD-SVG12-20041027/flow.html

例如:

<flowRoot> 
<flowRegion> 
<rect x="0" y="0" width="800" height="600" /> 
</flowRegion> 
<flowDiv> 
<flowPara>text text text text text text text text text text text text ... so on</flowPara> 
</flowDiv> 
</flowRoot> 

今天,它的工作原理使用Inkscape,並與蠟染只要SVG版本設置正確。

編輯:@Robert Longson它可能不是標準,但它可以節約你的時間(等待一個體面的SVG 2.0執行),鑑於Inkscape中和蠟染可在Windows和Linux,並能從CLI轉換/光柵化...

+0

它在瀏覽器中不起作用,不會成爲SVG2的一部分(它將有不同的解決方案),所以這是一個死路一條。 – 2013-08-23 13:33:53

相關問題