得到svg-bezier曲线路径的实际高度

Question

这更像是一个bezier问题，而不是SVG问题，但这里。。。

给定以下代码：

<svg xmlns="http://www.w3.org/2000/svg" baseProfile="full" viewBox="0 0 400 400" baseProfile="full">
<path d="M0,0 C20,400 30,200 50,100" fill="#FF0000" stroke="#000000"/>
</svg>

使用[path].getBBox()会返回400的高度，因为曲线的第一个控制点位于400y，这是有意义的(ish)。

但我真正需要的是渲染对象的实际高度，而不是包含其图形中使用的所有点的框。

我想我只能自己想办法了？如果是这样的话，有人对去哪里找这样的数学东西有什么建议吗？我在谷歌上搜索了一下，但我并没有真正想出什么(很可能我的问题措辞不正确，在这方面提供一些帮助也会非常好)。

Answer 1

你做得对，这是一个WebKit错误。如果你在Firefox甚至Internet Explorer上尝试getBBox，那也没关系。

如果您需要一个变通方法，请查看为SVG编辑完成的实现。