librsvgを使用して画像を角丸四角に切り取り影付けする

librsvgを使用して画像を角丸四角に切り取り影付けするには、以下のsvgファイルを処理します。
masked-image-dropshadow.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>
 <mask id="mask1" maskUnits="userSpaceOnUse"
   x="0" y="0" width="300" height="300">
<rect x="50" y="50" width="200" height="200"
 rx="20" ry="20"
 style="fill:#ffffff; "/>
 </mask>
 <filter id="gbf">
   <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="shadow"/>
   <feOffset in="shadow" dx="4" dy="4" result="shadow2"/>
   <feComposite in="SourceGraphic" in2="shadow2" operator="over"/>
 </filter>
</defs>

<g filter="url(#gbf)">
<image x="50" y="50" width="200px" height="200px"
 xlink:href="sf.jpg" mask="url(#mask1)" >
 <title>sf.jpg</title>
</image>
</g>
<!--mask="url(#mask1)"  -->
</svg>

コマンド
rsvg-convert masked-image-dropshadow.svg -f png -o sample689.png

元画像(sf.jpg)


出力画像(sample689.png)

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