使用JavaScript进行整个SVG扩展

时间:2011-06-12 20:40:43

标签: javascript google-chrome graphics svg scale

我正在尝试使用SVG制作基于网络的游戏进行图形处理。我的HTML文件中有一个父SVG元素,我使用JavaScript动态插入从其他文件加载的SVG。在内部,我的游戏使用米而不是像素,因此像素方面,图形非常大。有什么方法可以扩展整个SVG元素吗?或者我是否必须遍历其图形元素并逐个扩展它们?

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

1 个答案:

答案 0 :(得分:2)

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

如果没有使用currentScale的示例,则无法确定它是否正确使用,但它应该缩放svg。