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

Question

这比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的高度，因为曲线的第一个控制点是400 y，这是有道理的（ish）。

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

我假设我只是要自己解决这个问题？如果是这样的话，是否有人建议去哪里寻找这些肮脏的东西？我做了一些谷歌搜索，但我并没有真正想出任何东西（我很可能没有正确地表达这个问题，在这方面的一些帮助也会非常好）。

Answer 1

你做得对，它是WebKit bug。如果您在Firefox甚至Internet Explorer上try getBBox，那就没关系。

如果您需要解决方法，请查看implementation done for SVG-edit。