試圖得到黑色SVG的白色陰影圖片

我想要把svg圖像有陰影。我的主頁背景顏色很黑。所以我想要一個黑色的svg對象的陰影。這可能嗎？試圖得到黑色SVG的白色陰影圖片

2017-12-18 Toshihiro Miyazaki

是的，你可以重新着色的模糊爲白色，然後複合它的來源圖形下。像這樣：

<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>

來源

2017-12-18 03:04:19

謝謝！這對顏色很有用。我注意到筆畫也變得模糊（我的意思是矢量線被像素化）......是不是可以保持筆觸線銳利並在它後面添加陰影？ –

不要編輯你原來的問題 - 這次發佈另一個問題作爲後續的源代碼。 –

試圖得到黑色SVG的白色陰影圖片

回答

相關問題