拉斐尔无法扩展多条路径?

Tim*_*ain 5 html javascript svg canvas raphael

我尝试使用当前最热门的问题:使用raphael缩放多个路径

......运气不好 我正在通过拉斐尔建造一张美国地图,虽然地图非常好,但我需要的尺寸可能是目前的30%.

我能够将最初的拉斐尔画布上的attr更改为".5",但只能调整每个单独的路径而不是整个画布.我也尝试使用javascript来缩放包含画布的div无济于事.

路径:实际页面:http: //praxxgray.com/am/rafe2/mapTest.html

javascript:http: //praxxgray.com/am/rafe2/js/initMap.js

我是Raphael的新手,但是我的老板在我脖子上呼吸,让它工作.拉斐尔地图下面的图像显示了我的目标.我觉得我很接近,也许我正在调用错误的对象来调整大小?

帮助我欧比万!

谢谢!

Cha*_*lle 1

将参数 viewBox 和preserveAspectRatio 添加到SVG 元素。我尝试添加这些参数,只是为了看看我是否能够改变大小,我做到了。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   viewBox="0 0 2500 3100" preserveAspectRatio="none">
Run Code Online (Sandbox Code Playgroud)

有关 viewBox 属性的更多信息,请参见此处