SVG:添加阴影滤镜使直线不可见

Question

我正在尝试为我的SVG添加一个阴影.它适用于所有2D对象,但是当相同的滤镜应用于直线(任一<line>或者<path>)时,该线变为不可见,并且不添加阴影.

演示:https://jsfiddle.net/ccj0Ldfh/1/

Answer 1

根据这里的最后一段

当适用元素的几何形状没有宽度或高度时（例如水平线或垂直线的情况），即使由于具有非零笔划宽度而在查看时具有实际厚度，也不应使用关键字 objectBoundingBox边界框计算忽略笔画宽度。当适用元素的几何形状没有宽度或高度并且指定了 objectBoundingBox 时，将忽略给定的效果（例如渐变或滤镜）。