這多是實現高斯模糊（毛玻璃）最簡單的庫了

高斯模糊(毛玻璃效果)實現方式

源碼，歡迎star哦

1：css

2：canvas StackBlur.js 借用

3：svg

本文選用方式 優點：比canvas庫小，庫源碼算法較難懂；實現比 css 樣式效果更好，以前遇到過該類需求filter大後 css邊會變的模糊，效果較差

解決方案

文檔註釋

<filter> 標籤的 id 屬性可爲濾鏡定義一個惟一的名稱（同一濾鏡可被文檔中的多個元素使用）

filter:url 屬性用來把元素連接到濾鏡。當連接濾鏡 id 時，必須使用 # 字符

濾鏡效果是經過 <feGaussianBlur> 標籤進行定義的。fe 後綴可用於全部的濾鏡

<feGaussianBlur> 標籤的 stdDeviation 屬性可定義模糊的程度

in="SourceGraphic" 這個部分定義了由整個圖像建立效果

step2:使用

實例提供setBlurAmount，generateBlurredImage兩個接口動態設置

 源碼 歡迎star