Thursday, November 13, 2008

librsvgを使用して画像をタイル配置する

librsvgを使用して画像をタイル配置するには、以下のsvgファイルを処理します。

tile.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"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="200" height="200">

<defs>
<filter id="tf" >
<feImage xlink:href="flower1.png" width="20" height="20" />
<feTile />
</filter>
</defs>

<rect x="0" y="0" width="200" height="200" filter="url(#tf)"/>
</svg>

コマンド
rsvg-convert tile.svg -f png -o sample693.png

元画像(flower1.png)

出力画像(sample693.png)


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

No comments: