Raphael.js世界地图：如何使其可扩展？

Question

在我的新网络应用中，我使用Raphael.js渲染SVG地图。我很难让它可扩展。是否有可能使这个可扩展，因为我相信与此相关联的world.js文件会映射出地图的特定大小？ http://raphaeljs.com/world/

var w = $("#trek_map").width(),
h = $("#trek_map").height();

Raphael("trek_map",
w,
h,
function() {
    var r = this;

    r.setStart();

    var hue = Math.random();

    for (var country in worldmap.shapes) {
        r.path(worldmap.shapes[country]).attr({
            stroke: "#fff",
            fill: "#868e99",
            "stroke-opacity": 0.6
        });
    }

    var world = r.setFinish();
});

Answer 1

您必须使用viewbox属性，因为此插件执行：https://github.com/escobar5/raphael-pan-zoom