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

Question

我有一组动态创建的svg对象。其中一些应用了相当复杂的转换。我的意思是，这是毫无意义的，我想计算X＆amp;的最大值和最小值。 Y这些对象。我希望viewbox（或任何可能有用的类似标签）显示所有这些对象，而不会让我参与计算绘图对象的范围。

你能帮忙吗？

由于

Answer 1

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

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

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

n.b。我认为你可以在渲染后改变svg的视图框，这样你就不得不重新渲染svg。