png背景画像を追加してSVGに色を塗りつぶすにはどうすればいいですか？

Question

これは通常のhtml要素では可能ですが、私は塗りつぶしの色や背景イメージをSVGに追加する方法を知っています。しかし、どちらも可能ですか？私はこれらの背景（塗りつぶし）色にフィルター効果を追加しようとしています。

.element { 
    background-color: rgba(0,0,0,.1); 
    background-image: url('images/filter/grunge.png'); 
} 

Answer 1

あなたの質問は不明です。

このような意味ですか？

svg { 
 
    background-color: blue; 
 
    background-image: url(http://lorempixel.com/300/200/); 
 
    background-repeat: no-repeat; 
 
    filter: blur(3px); 
 
}

<svg width="400" height="200"> 
 
    <circle cx="100" cy="100" r="50" fill="red"/> 
 
</svg>