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

Question

你能告诉我为什么我的路径盒大小比SVG盒子大吗？

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

SVG框尺寸：

路径框大小：

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

Answer 1

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

对于那些寻找解决方法的人：

svg {
   overflow: visible;
}

DEMO