SVG 是使用 XML 來(lái)描述二維圖形和繪圖程式的語(yǔ)言。

SVG 模糊效果 語(yǔ)法

注意：?Internet Explorer和Safari不支援SVG濾鏡！

所有網(wǎng)際網(wǎng)路的SVG濾鏡定義在<defs>元素中。 <defs>元素定義短並含有特殊元素（如濾鏡）定義。

<filter>標(biāo)籤用來(lái)定義SVG濾鏡。

SVG 模糊效果 範(fàn)例

<!DOCTYPE?html>
<html>
<body>

<p><b>Note:?</b>Internet?Explorer?and?Safari?do?not?support?SVG?filters?yet!</p>

<svg?xmlns="http://www.w3.org/2000/svg"?version="1.1">
??<defs>
????<filter?id="f1"?x="0"?y="0">
??????<feGaussianBlur?in="SourceGraphic"?stdDeviation="15"?/>
????</filter>
??</defs>
??<rect?width="90"?height="90"?stroke="green"?stroke-width="3"?fill="yellow"?filter="url(#f1)"?/>
</svg>

</body>
</html>

運(yùn)行實(shí)例?

點(diǎn)擊"運(yùn)行實(shí)例" 按鈕查看線上實(shí)例