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武林网。