Thursday, October 16, 2008

librsvgで放射グラデーションを描画する

librsvgで放射グラデーションを描画するには、以下の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>
<radialGradient id="rg" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color: #bbddff" />
<stop offset="100%" style="stop-color: #ffffff" />
</radialGradient>
</defs>

<rect x="50" y="50" width="100" height="100"
style="fill:url(#rg)"/>
</svg>

コマンド
rsvg-convert radial-gradient.svg -f png -o sample680.png

出力画像(sample680.png)


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

No comments: