svg要素の基本的な使い方まとめ

11.画像効果 フィルター効果を用いることでそのままでは印象の薄い平面図形に様々な表情を持たせることができる．本項ではこのフィルター効果について説明する．SVGの持つ機能の中でも特に仕様が複雑なものの一つである． filter:画像効果 filter要素は図形に対しての視覚効果を表す．元の画像・図形を維持しつつ，見た目の変更・装飾を行えるため非常に魅力的な機能である．一般に画像はその構成する画素毎にrgb値と不透明度（alpha）値とを定めるが，filterはこの色に関わる4つの値を画素毎に編集するだけである．従ってサイズを変えたり回転させるといった画像の変形を伴う操作については原則transform属性を用いねばならない．なお，filterによる画像効果は暗黙的なラスタライズを引き起こし，本質的に重いため掛け過ぎてはならない．特にフィルターを掛ける領域が広くなるほど負荷が高くなる． fi