使用JavaScript整个SVG缩放比例
问题描述:
我正在尝试使用SVG为图形制作基于Web的游戏。我在我的HTML文件中有一个父SVG元素,并且我使用JavaScript动态插入从其他文件加载的SVG。在内部,我的游戏使用米而不是像素,所以像素方面,图形非常大。有什么办法可以缩放整个SVG元素吗?或者我必须遍历他们的图形元素并逐个缩放它们?使用JavaScript整个SVG缩放比例
在谷歌浏览器中,明确设置currentScale似乎没有做任何事情;它完全由浏览器的缩放级别控制。
答
在根svg元素上设置viewBox
属性,这样您就不必缩放单个元素。或者让它们保持原样并允许放大。您可以设置viewBox
以仅显示图形的一部分。
没有你如何使用currentScale
的例子,不可能说它是否正确使用,但它应该放大svg。
这对我的目的完美的作品;谢谢。 – dostende 2011-06-14 00:26:04