SVGに影を追加しようとしています。すべての2Dオブジェクトでうまく動作しますが、同じフィルタが直線(<line>
または<path>
のいずれか)に適用されると、線は不可視になり、影が追加されません。SVG:シャドウフィルタを追加すると直線が見えなくなります
デモ:https://jsfiddle.net/ccj0Ldfh/1/
SVGに影を追加しようとしています。すべての2Dオブジェクトでうまく動作しますが、同じフィルタが直線(<line>
または<path>
のいずれか)に適用されると、線は不可視になり、影が追加されません。SVG:シャドウフィルタを追加すると直線が見えなくなります
デモ:https://jsfiddle.net/ccj0Ldfh/1/
該当する要素の形状は全く幅又は全く高さを有していない場合キーワードObjectBoundingBoxでは、水平方向の場合のように、使用すべきではない、または境界線の計算にストローク幅が無視されるため、ストローク幅がゼロでないために線が実際の太さになっても、線が垂直線になります。適用可能な要素のジオメトリに幅または高さがなく、objectBindingBoxが指定されている場合、指定されたエフェクト(勾配またはフィルタなど)は無視されます。