SVGぼかし効果


  翻訳結果:

SVG は、XML を使用して 2 次元グラフィックスおよび描画プログラムを記述する言語です。

SVGぼかし効果構文

注: Internet Explorer と Safari は SVG フィルターをサポートしていません。

すべてのインターネット SVG フィルタは、<defs> 要素で定義されます。 <defs> 要素の定義は短く、特殊な要素 (フィルターなど) の定義が含まれています。

<filter> タグは、SVG フィルターを定義するために使用されます。

SVGぼかし効果例

<!DOCTYPE html>
<html>
<本体>

<p><b>注: </b>Internet Explorer と Safari はまだ SVG フィルタをサポートしていません。</p>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<フィルタid="f1" x="0" y="0">
<feGaussianBlur in="SourceGraphic" stdDeviation="15" />
</フィルター>
</defs>
<rect width="90" height="90" ストローク="green" ストローク幅="3" fill=" yellow" filter="url(#f1)" />
</svg>

</ボディ>
</html>

インスタンスの実行»

[インスタンスの実行] をクリックしますオンラインの例を表示するには、「 」ボタン

ホームページ

ビデオ

に質問