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的新手,但是我的老板在我脖子上呼吸,让它工作.拉斐尔地图下面的图像显示了我的目标.我觉得我很接近,也许我正在调用错误的对象来调整大小?
帮助我欧比万!
谢谢!
将参数 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 属性的更多信息,请参见此处。