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

Question

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

能否请你帮忙？

谢谢

Answer 1

您可以在路径元素上使用 getBBox() 来获取绘图的范围。

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

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

注意，我认为您可以在渲染 svg 后更改它的视图框，因此您可能必须重新渲染 svg。