htnl5利用svg頁面高斯模糊的方法

先在頁面任意區域放上這段程式碼

stdDeviation設定模糊量，最低0

 <svg style=display:none> <filter id=blur-effect-1> <feGaussianBlur stdDeviation=1/> </filter> <filter id=blur-effect-2> <feGaussianBlur stdDeviation=2/> </filter> </svg>

在dom上呼叫模糊效果

 document.body.style.filter='url(#blur-effect-2)' //呼叫2級模糊量document.body.removeAttribute(style);//關閉模糊效果

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。