SVG 模糊效果
注意：Internet Explorer和Safari不支援SVG濾鏡！
<defs> 和 <filter>
#所有網路的SVG濾鏡定義在<defs>元素中。 <defs>元素定義短並含有特殊元素（如濾鏡）定義。
<filter>標籤用來定義SVG濾鏡。 <filter>標籤使用必要的id屬性定義要向圖形套用哪個濾鏡？
SVG <feGaussianBlur>
實例1
<feGaussianBlur> 元素是用來建立模糊效果：
下面是SVG程式碼：
實例
<!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>
#執行實例»
點擊"運行實例" 按鈕查看線上實例
對於Opera用戶：查看SVG檔案（右鍵點選SVG圖形預覽來源）。
程式碼解析：
<filter>元素id屬性定義一個濾鏡的唯一名稱
-
<feGaussianBlur>元素定義模糊效果
in="SourceGraphic"這個部分定義了由整個影像建立效果
stdDeviation屬性定義模糊量
<rect>元素的濾鏡屬性用來把元素連結到"f1"濾鏡
