SVG辉光过滤器显示错误的颜色

我采取了几乎完全相同的方法（只需使用泛光颜色、半径和标准偏差即可获得我想要的确切效果）：

我将它应用到我正在开发的一个SVG上，结果正如预期的那样——一种淡蓝色的辉光

然后我尝试将它应用到另一个SVG，结果显示它像一个黑色的光晕。我甚至尝试将泛光颜色更改为rgb（255，0，0），但它仍然看起来是黑色的

它为什么会这样做，我能做些什么来修复它呢？

这是演示。

您可以设置两个筛选器，并在同一个

中指定不同的ID名称。在其他

中，只需分配所需的过滤器ID即可。

请创建一个过滤器，但您尚未向我们展示要将其应用于什么SVG以获得所描述的效果

    <defs>
        <filter id="sofGlow" height="300%" width="300%" x="-75%" y="-75%">
        <feMorphology operator="dilate" radius="4" in="SourceAlpha" result="thicken" />
        <feGaussianBlur in="thicken" stdDeviation="10" result="blurred" />
        <feFlood flood-color="rgb(0,186,255)" result="glowColor" />
        <feComposite in="glowColor" in2="blurred" operator="in" result="softGlow_colored" />
        <feMerge>
            <feMergeNode in="softGlow_colored"/>
            <feMergeNode in="SourceGraphic"/>
        </feMerge>
    </filter>
</defs>