当前位置:
首页
文章
前端
详情

SVG滤镜之高斯模糊

模糊前

模糊后

svg代码

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <defs>
        <filter x="0" y="0">
            <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" />
        </filter>
    </defs>
    <path filter="url(#filterBlur)" d="m11.07859,79.32285c1.9798,-7.71084 4.6896,-14.24112 7.26002,-17.49571c2.75379,-3.48678 1.53203,-4.99923 -1.30873,-1.62012c-1.19514,1.42162 -1.53661,0.38937 -1.53661,-4.64516c0,-12.01198 5.23475,-19.44465 17.82984,-25.31602c10.65732,-4.96808 18.51448,-10.555 21.77223,-15.48141l2.65466,-4.01443l0,6.98472c0,8.63671 -2.25264,21.68469 -4.74611,27.49091c-2.64513,6.15939 -11.71162,17.5287 -16.16069,20.2654c-3.98598,2.45186 -12.49874,3.17368 -17.04842,1.44558c-2.26729,-0.86117 -2.98686,-0.20319 -4.16165,3.80546c-0.7812,2.66564 -1.42038,6.45794 -1.42038,8.42729c0,2.23576 -0.75385,3.58063 -2.00705,3.58063c-1.48843,0 -1.77968,-0.88555 -1.12712,-3.42714l0,0z" stroke-width="1.5" stroke="#000" fill="#41B883"/>
</svg>
  • stdDeviation:定义模糊程序(越大越模糊)
  • SourceGraphic:定义源图像的模糊

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。