试图获得黑暗SVG图像的白色阴影

Question

我正在尝试放置带有阴影的svg图像。我的主页背景色很暗。所以我想要一个黑色svg对象的白色阴影。 那可能吗？

[XmlSchemaProvider]

Answer 1

是的，您可以在将模糊复合到源图形之前将模糊重新着色为白色。像这样：

<feGaussianBlur id="blur" in="SourceAlpha" stdDeviation="4"/>
<feColorMatrix id="recolor"  type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" result="white-glow"/>

<!-- Merge the shadow with the original --> 
<feMerge> 
  <feMergeNode in="white-glow"/> 
  <feMergeNode in="SourceGraphic"/> 
</feMerge> 
</filter>