htnl5运用svg网页页面高斯模糊不清的方式

日期:2021-01-19 类型:科技新闻 

关键词:如何制作微信小游戏,微信游戏小程序,公众号游戏,h5小游戏模板,小程序游戏源码

先在网页页面随意地区放上这段编码

stdDeviation设定模糊不清量,最低0

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

在dom上启用模糊不清实际效果

document.body.style.filter='url(#blur-effect⑵)' //启用2级模糊不清量

document.body.removeAttribute("style");//关掉模糊不清实际效果

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。