尝试获取黑色SVG图像的白色阴影

尝试获取黑色SVG图像的白色阴影,svg,svg-filters,dropshadow,Svg,Svg Filters,Dropshadow,我试图把svg图像放在有阴影的地方。我的主页背景颜色很深。所以我想要一个白色的黑色svg对象的阴影。 这可能吗 是的,在将模糊合成到源图形下之前,您可以将其重新还原为白色。像这样: <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

我试图把svg图像放在有阴影的地方。我的主页背景颜色很深。所以我想要一个白色的黑色svg对象的阴影。 这可能吗


是的,在将模糊合成到源图形下之前,您可以将其重新还原为白色。像这样:

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



谢谢!!这对颜色有好处。我注意到笔划也变得模糊了(我的意思是矢量线被像素化了)。。。难道不可能保持笔划线条清晰并在其后面添加阴影吗?不要编辑原始问题-这次发布另一个问题作为源代码的后续内容。