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

6
我尝试为我的SVG添加阴影。对于所有的2D物体都效果良好,但是当相同的滤镜应用于直线(<line><path>)时,该直线将会变得不可见,没有阴影被添加。
演示地址: https://jsfiddle.net/ccj0Ldfh/1/
1个回答

4
根据这里的最后一段所述,

当适用元素的几何形状没有宽度或高度时,例如水平线或垂直线的情况,不应使用关键字objectBoundingBox,即使由于具有非零描边宽度而在查看时呈现出实际厚度,因为描边宽度在边界框计算中被忽略。 当适用元素的几何形状没有宽度或高度且指定了objectBoundingBox时,则会忽略给定的效果(例如渐变或滤镜)。

请注意,保留了HTML标签。

10
<filter id="shadow" height="600" width="600" filterUnits="userSpaceOnUse">会修复它。 - Michael Mullany
1
完美运作,不知道为什么不能将其视为答案? - Anoop Isaac

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接