Svg文字和形狀像html

-1

我需要這樣的svg 我的意思是當大區域設置文本時，文本不會去形狀區域並打破新行，當獲得廣域填充所有空間Svg文字和形狀像html

-------------- |-------------------| 
|    | |     | 
| some shape | | set some text | 
|    | |     | 
    -------------- |     | 
-----------------|     | 
|         | 
|         | 
|         | 
|____________________________________|

我嘗試了一些我的搜索結果，但不起作用。我覺得這很簡單。我的英語很糟糕，所以我不知道用什麼關鍵字來得到我的結果。我想用PDF導出pdf，需要這種樣式的文本。謝謝。

來源

2017-09-01 Farshad Asgharzade

如果您熟悉SVG元素，SVG很容易手工創建。

<svg width="400" height="280"> 
 
    <rect x="2" y="2" width="170" height="120" 
 
     fill="none" stroke="black" stroke-width="4"/> 
 
    <text x="85" y="70" 
 
     font-size="20" text-anchor="middle">some shape</text> 
 

 
    <path d="M 200,2 L 398,2 L 398,278 L 2,278 L 2,150 L 200,150 Z" 
 
     fill="none" stroke="black" stroke-width="4"/> 
 
    <text x="300" y="70" 
 
     font-size="20" text-anchor="middle">set some text</text> 
 
</svg>

如果你不認爲你可以手動創建SVG，那麼你應該使用矢量編輯器。有很多，但免費的是Inkscape。

來源

2017-09-01 12:12:16

非常感謝你的回答，但我認爲我告訴我的問題非常糟糕:( 我的意思是當在大面積設置文本時，文本沒有得到形狀區域並打破新行，當得到大面積填充所有空間，我可以解釋我的問題嗎？ –

SVG文本不會像HTML一樣包裝，您必須指定文本的位置（請參閱此問題以解決此問題的一些方法）（https://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text） –

:(謝謝你的提問 –

Svg文字和形狀像html

回答

相關問題