SVG在Firefox中模糊不清

Question

我在图像上使用svg模糊滤镜，如下所示

<svg id="blurjs-10">
   <filter id="blur10px">
      <feGaussianBlur stdDeviation="10" in="SourceGraphic">
   </filter>
</svg>

但是这个模糊的firefox的视觉输出非常糟糕。

任何解决方案的人？

Answer 1

我也遇到过这个问题。问题似乎是滤色镜计算的精度不够，导致色带。

似乎解决问题的解决方案（至少在我的情况下）是使用color-interpolation-filters来确保在更宽的色彩空间上执行计算。例如：

<feGaussianBlur in="SourceGraphic" stdDeviation="20" color-interpolation-filters="sRGB">

在了解了这个属性后，问题及其解决方案更有意义。