将视图框坐标设置为svg图形的范围

Question

我有一组动态创建的svg对象。它们中的一些应用了相当复杂的变换。我的意思是，我想计算X&这些对象的Y。我希望viewbox（或任何可能有用的类似标记）显示所有这些对象，而不需要计算图形对象的范围。

你能帮忙吗？

感谢

Answer 1

您可以在path元素上使用getBBox（）来获取图形的范围。

var clientrect = path.getBBox();
var viewBox = clientrect.x+' '+clientrect.y+' '+clientrect.width+' '+clientrect.height;

然后可以将视图框设置为这些坐标。

n.b.我认为你可以在svg渲染后更改它的视图框，这样你可能需要重新渲染svg。