Question

我在Firefox和Safari中应用feColorMatrix时遇到问题。它在Chrome中运行正常。我的目标是稍微缓解阴影，我可以通过改变阴影颜色或其不透明度来做到这一点。我去改变不透明度。在Firefox和Safari中，使用feColorMatrix后，SVG会被完全忽略。代码：

<filter  id="AI_Shadow_1" filterUnits="objectBoundingBox" >
<feGaussianBlur  in="SourceAlpha" stdDeviation="8" result="blur"></feGaussianBlur>
<feOffset  in="blur" dx="18" dy="18" result="offsetBlurredAlpha"></feOffset>
<feMerge>
    <feMergeNode  in="offsetBlurredAlpha"></feMergeNode>
    <feMergeNode  in="SourceGraphic"></feMergeNode>
</feMerge>
<feColorMatrix in="the-shadow" result="color-out" type="matrix"
  values="0 0 0 0   0
          0 0 0 0   0 
          0 0 0 0   0 
          0 0 0 0.2 0"/>
 <feBlend in="SourceGraphic" in2="color-out" mode="normal"/>
</filter>

如果有更有效的方法来减轻影子并且可以跨浏览器工作，那么我非常乐意使用它。

干杯！

Answer 1

feColorMatrix

 in="the-shadow"

应该是

 in="blur"

Firefox / Safari问题中的SVG过滤器

1 个答案: