SVGグラデーションの細かい設定
| 日付 | 2011/04/14 |
|---|---|
| ID | 76293 (英語原文参照) |
| バージョン | 11, 12 |
| プラットフォーム | Mac/Win |
SVGコンポーネントのメソッドSVG_Define_linear_gradientは, 開始カラーと終了カラーを指定し, ２色グラデーションで塗りつぶしを設定するコマンドです。もっとも, 4DのSVGレンダリングは, もっと複雑なグラデーションもサポートしており, 直接, SVGの属性を操作することにより, さらに細かい設定をすることができます。
4D SVGコンポーネントで作成されたSVGは, 一般的なXML DOMと同じオブジェクトです。コンポーネントは, 手軽にSVGを扱うことができるよう, 代表的なオペレーションがコマンド化されていますが, それがSVGにできることのすべてというわけではありません。SVGの仕様に通じていれば, SVGオブジェクトの可能性をさらに引き出すことができます。
たとえば, SVG_Define_linear_gradientでグラデーションを作成した後, SVG_SET_ATTRIBUTESをコールすることにより, ２色グラデーション以外のパターンを表現することができます。
$Use_T:=SVG_Define_linear_gradient ($SVG_T;"Example_TanGrad"\ ;"rgb(246,198,126)";"rgb(255,244,237)";90) SVG_SET_ATTRIBUTES ($Use_T;"spreadMethod";"reflect";"color-interpolation"\ ;"linearRGB";"y1";"48%";"y2";"92%")
$Use_T:=SVG_Define_linear_gradient ($SVG_T;"Example_RY_Horz";"red";"yellow";0) SVG_SET_ATTRIBUTES ($Use_T;"spreadMethod";"reflect";"color-interpolation"\ ;"linearRGB";"x1";"0%";"x2";"12%";"y1";"0%";"y2";"0%")
