javascript - 无法在 Raphael 中缩放多条路径？

Question

我试过在 SO 上使用当前 HitTest 门的问题:Scaling multiple paths with raphael

...运气不好。我正在通过 Raphael 构建美国 map ，虽然 map 非常好，但我需要它的大小可能是当前大小的 30%。

我能够将初始 Raphael Canvas 上的 attr 更改为“.5”，但这只调整了每个单独路径的大小，而不是整个 Canvas 。我也尝试过使用 javascript 缩放包含 Canvas 的 div，但无济于事。

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

脚本: http://praxxgray.com/am/rafe2/js/initMap.js

我是 Raphael 的新手，但我的老板们对我吹嘘以让它发挥作用。拉斐尔 map 下方的图像显示了我的目标尺寸。我觉得我很接近，也许我调用了错误的对象来调整大小？

帮我欧比万!

谢谢!

Answer 1

不知道这是否有帮助，而且有点即兴发挥，但您是否尝试过将 map 粘贴到它自己的 raphael 实例中，然后使用 Paper.setViewBox(...) 调整它的大小？

 var map = Raphael(100,100,800,500);
 //
 // draw my very big map, bigger than 800x500
 //
 map.setViewBox(100,100,800,500,true); 
 // doesn't change the size of the raphael instance, but will force the graphics to fit
 // inside it.

setViewBox让您改变视口(viewport)。从链接 - “设置纸张的 View 框。实际上，它使您能够通过指定新边界来缩放和平移整个纸张表面”。

这可能是获得您想要的东西的快捷方式。它只是拉斐尔 2 :(

(这应该有效，但我还没有实际测试过它。正如我所说，它有点即兴...)