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

Question

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

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

SVG 框大小:

路径框大小:

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

Answer 1

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

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

svg {
   overflow: visible;
}

DEMO