如何解决闪烁引擎SVG在feGaussianBlur滤镜中通过stdDeviation小值低于0.8渲染Bug寻求解决方法
所有基于Blink-engine的浏览器（Chrome，Opera，MS Edge等）在feGaussianBlur中通过较小的FROM path.to.repo/centos
RUN yum update
过滤器–小于{{1} }
仅当我们将属性stdDeviation设置为“ 0.8”或更高时，模糊效果才会在基于Blink引擎的浏览器中起作用。
在下面的图片中，您可以看到通过stdDeviation不同的值在不同的浏览器中呈现的模糊效果的外观：
0.8当我将属性stdDeviation更改为“ <svg width="18" height="18" style="margin:9px">
<defs>
<filter id="blurMe">
<feGaussianBlur stdDeviation=".3" in="SourceGraphic"/>
</filter>
<symbol id="BlinkBug" viewBox="0 0 18 18" filter="url(#blurMe)">
<path d="M9,3H10L14,7V8L8,14H7L3,10V9z" fill="#0af" stroke="#14c"/>
<path d="M1,1L16,16M1,16L16,1" fill="none" stroke="#14c"/>
</symbol>
</defs>
<use href="#BlinkBug"/>
</svg>”时，模糊效果对我的小图标影响很大，并且图标中心的线无法识别（请参见上图）。
stdDeviation但是它仅在0.8过滤器有效的情况下有效。
我也曾尝试使用<feColorMatrix type="matrix" values="1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
0 0 0 1.5 0"/>
，但如果没有模糊效果，它就无济于事。
我也无法将此SVG图标feGaussianBlur和stroke-width="1.5"属性从width更改为height来具有模糊效果，因为我需要原始尺寸的图像
如何更换该过滤器？也许我们还有另一个类似的过滤器，它具有矩阵或过滤器组合或类似的东西？
我想找到一种解决方法。
我还将尝试将此错误报告给Blink开发人员。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。