Wednesday, October 15, 2008

rsvgでグラデーションを描画する

rsvgでグラデーションを描画するには、以下のsvgファイルを処理します。

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width="200" height="200">
<defs>
<linearGradient id="lg" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color: #ffffff" />
<stop offset="100%" style="stop-color: #bbddff" />
</linearGradient>
</defs>

<rect x="50" y="50" width="150" height="150"
style="fill:url(#lg)"/>
</svg>
コマンド
rsvg-convert linear-gradient.svg -f png -o sample679.png

出力画像(sample679.png)


○関連項目
librsvgをwindowsで使用してSVGからPNG画像を生成する (librsvgをWindowsで使用する方法)
・libsvgに関する他の記事はこちらを参照してください。

No comments:

Post a Comment