我正在尝试使用 SVG 图形制作基于网络的游戏。我的 HTML 文件中有一个父 SVG 元素，我使用 JavaScript 动态插入从其他文件加载的 SVG。在内部，我的游戏使用米而不是像素，因此在像素方面，图形非常大。有什么方法可以缩放整个 SVG 元素吗？还是我必须遍历它们的图形元素并单独缩放它们？
在 Google Chrome 中，显式设置 currentScale 似乎没有任何作用；它完全由浏览器的缩放级别控制。
最佳答案
在根 svg 元素上设置 viewBox 属性，这样您就不必缩放单个元素。或者让它们保持原样并允许缩放和平移。您也可以将 viewBox 设置为仅显示部分图形。
如果没有使用 currentScale 的示例，则无法判断它是否正确使用，但它应该缩放 svg。
关于javascript - 使用 JavaScript 缩放整个 SVG，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6324526/