闪烁引擎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

您还可以在我的codepen上找到相同的代码。

当我将属性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 (将#修改为@）