试图得到黑色SVG的白色阴影图片

Question

我想要把svg图像有阴影。我的主页背景颜色很黑。所以我想要一个黑色的svg对象的阴影。 这可能吗？

the svg image looks like this.

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>