2011-06-29 74 views
0

我閱讀了關於SVG中梯度的教程http://www.svgbasics.com/text2.html。 Text填充和撫摸部分給我留下了深刻的印象。它使用定義的漸變以陰影方式顯示文本。我只是想知道,我可以使用此漸變來更改文字的大小。請給我一個如何在單個tspan元素中做到這一點的例子。SVG文本大小梯度

回答

0

你可以風格的CSS TSPAN元素,如果你想改變字體大小是可以做的,例如像這樣:

<style> 
tspan { font-size: 48px } 
</style> 

或交替使用相應的呈現屬性:

<text>...<tspan font-size="48">big text</tspan>...</text> 
+0

我不想爲每種字體大小寫一個單獨的tspan。例如,我想要使用第一個字母大小爲20的第一個字母,其餘的大小爲20。這意味着我將不得不定義兩個tspans,一個字母大寫,另一個字母大寫的文字。 – Saba

+0

您也可以在''元素上設置字體大小,並使用''覆蓋第一個字的字體大小。 –