主页 > 知识库 > htnl5利用svg页面高斯模糊的方法

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

热门标签:阿里云 网站建设 美图手机 检查注册表项 智能手机 百度竞价点击价格的计算公式 使用U盘装系统 硅谷的囚徒呼叫中心

先在页面任意区域放上这段代码

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");//关闭模糊效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

标签:怀化 湘潭 贺州 山南 黄山 烟台 通辽 湖北

巨人网络通讯声明:本文标题《htnl5利用svg页面高斯模糊的方法》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266