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

Question

我正在尝试为SVG添加阴影。它适用于所有2D对象，但当相同的滤镜应用于直线（<line>或<path>）时，该线变为不可见，并且不会添加阴影。

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

Answer 1

根据最后一段here

  

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