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

<defs>
<filter id="grayscale">
  <feColorMatrix in="SourceGraphic" type="matrix"
    values="0.33 0.33 0.33 0.00 0.00
            0.33 0.33 0.33 0.00 0.00
            0.33 0.33 0.33 0.00 0.00
            0.00 0.00 0.00 1.00 0.00" />
</filter>
</defs>

<image x="50" y="50" width="200px" height="200px"
xlink:href="sf.jpg" filter="url(#grayscale)" >
<title>sf.jpg</title>
</image>

</svg>

コマンド
rsvg-convert grayscale-image.svg -f png -o sample684.png

元画像


出力画像(sample684.png)


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