SVG中渲染文本
SVG的強大能力之一是它可以將文本控制到標準HTML頁面不可能有的程度,而無須求助圖像或其它插件。任何可以在形狀或路徑上執行的操作(如繪制或濾鏡)都可以在文本上執行。盡管SVG的文本渲染如此強大,但是還是有一個不足之處:SVG不能執行自動換行。如果文本比允許空間長,則簡單地將它切斷。多數情況下,創建多行文本需要多個文本元素。
此外,可以使用 tspan 元素可以將文本元素分成幾部分,允許每部分有各自的樣式。
還有,在text元素中,空格的處理與HTML類似:換行和回車變成空格,而多個空格壓縮成單個空格。
直接顯示在圖片中的文本 - text元素
直接顯示文本,可以使用text元素,例子如下:
新聞熱點
疑難解答