試圖得到黑色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>