librsvgを使用して画像の端をぼかす

librsvgを使用して画像の端をぼかすには、以下のsvgファイルを処理します。

blurred-edge.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>
<g id="maskimage"
 x="0" y="0" width="200" height="200">
 <rect x="5" y="5" width="190" height="190" fill="#ffffff"/>
</g>
<filter id="bef" filterUnits="userSpaceOnUse" x="0" y="0" width="200" height="200" >
 <feImage xlink:href="#maskimage" result="maskimage"/>
 <feGaussianBlur in="maskimage" stdDeviation="5" result="blurred"/>
 <feComposite in="SourceGraphic" in2="blurred" operator="in"/>
</filter>
</defs>

<image x="0" y="0" width="200" height="200"
xlink:href="sf.jpg" filter="url(#bef)">
<title>sf.jpg</title>
</image>
</svg>

コマンド
rsvg-convert blurred-edge.svg -f png -o sample694.png

元画像(sf.jpg)


出力画像(sample694.png)


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