为什么SVG路径元素比SVG框更大

为什么SVG路径元素比SVG框更大

问题描述:

你能告诉我为什么我的路径框大小大于SVG框大小吗?为什么SVG路径元素比SVG框更大

代码: https://jsfiddle.net/saj91yjL/

SVG箱尺寸

enter image description here

PATH箱尺寸

enter image description here

您可以看到路径框高度大于SVG的高度。我该如何解决它?我希望两个高度(SVG和路径)都是400像素。

不同的浏览器以不同的方式绘制路径。在Chrome中显示路径高度为405.2px的相同小提琴在Firefox中为〜400.7px

对于那些谁寻求一个解决方法:

svg { 
    overflow: visible; 
} 

DEMO