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

Question

你能告诉我为什么我的路径框尺寸大于 SVG 框尺寸吗？

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

SVG 框大小：

路径框大小：

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

Answer 1

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

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

svg {
   overflow: visible;
}

DEMO