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

Raphael.js World Map: How to make it scalable?

本文关键字：何使其 可扩展 js 世界地图 Raphael      更新时间：2023-09-26

在我的新web应用程序中，我使用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();
});

您必须像使用此插件一样使用viewbox属性：https://github.com/escobar5/raphael-pan-zoom

相关文章：