SVGテキストサイズ勾配

2011-06-29 18 views 0 likes

SVGのグラデーションに関するチュートリアルをhttp://www.svgbasics.com/text2.htmlに読みました。私は、テキストの塗りつぶしとストロークの部分に感銘を受けました。これは、テキストを陰影のように表示するために定義された勾配を使用していました。私はちょうど不思議だった、この勾配を使用してテキストのサイズを変更できますか？単一のtspan要素でこれを行う方法の例を教えてください。SVGテキストサイズ勾配

出典

2011-06-29 Saba

答えて

あなたはこのように、たとえば行うことができ、フォントサイズ変更したい場合は、CSSとtspanの要素のスタイルを設定することができます

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

または代わりに、対応するプレゼンテーション属性を使用して：

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

を

出典

2011-06-30 18:01:49

フォントサイズごとに別々のtspanを書きたくない。例えば、私はサイズ20のパラの最初の単語の最初のアルファベットを使用し、20のサイズの残りの文字を使用したいと考えています。これは、ビッグファーストアルファベットと残りのものの2つのスパンを定義する必要があることを意味しますテキストの – Saba

''要素にfont-sizeを設定して、 ''を使って最初の単語のフォントサイズを上書きすることもできます。 –

SVGテキストサイズ勾配

答えて

関連する問題