使用JavaScript整个SVG缩放比例

Question

我正在尝试使用SVG为图形制作基于Web的游戏。我在我的HTML文件中有一个父SVG元素，并且我使用JavaScript动态插入从其他文件加载的SVG。在内部，我的游戏使用米而不是像素，所以像素方面，图形非常大。有什么办法可以缩放整个SVG元素吗？或者我必须遍历他们的图形元素并逐个缩放它们？

在谷歌浏览器中，明确设置currentScale似乎没有做任何事情;它完全由浏览器的缩放级别控制。

Answer 1

在根svg元素上设置viewBox属性，这样您就不必缩放单个元素。或者让它们保持原样并允许放大。您可以设置viewBox以仅显示图形的一部分。

没有你如何使用currentScale的例子，不可能说它是否正确使用，但它应该放大svg。