2010-11-23 37 views
6

画像の一部(背景)のみにSVGフィルタ(ガウスぼかし)を適用しようとしています。私は、ガウスのぼかしを同じ位置に適用したクリップ付きSVGイメージを追加することでその効果を達成しました。ガウスのぼかしが元のイメージに適用されたように見せます。背景画像にSVGフィルタを適用する

これは明らかに非効率的で、私はより良い方法を探しています。いくつかのSVGドキュメントとサンプルを読んだあと、enable-background属性が必要なように見えますが、実際に実装する方法については助けていただきたいと思います!

編集:

私が探している効果の例:ここではhttp://img695.imageshack.us/img695/92/chromeblur.png

+0

ここで良い例があります。 –

+0

申し訳ありませんが、私は新しいので、最初は画像を添付させませんでした。目的の効果へのリンクを追加しました –

+2

imageshackリンクが壊れています。代わりに(新しい)イメージを埋め込む必要があります。 –

答えて

5

が、それはSVG

http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Filters2.htm

に動作する方法の良い説明ですが、 SVGサポートは、すべての一般的なブラウザではまだ不完全です。特に、in = "BackgroundImage"とenable-background属性を使用した背景に対するフィルタ効果は、一般的なブラウザではサポートされていません。