使用Raphael使SVG图像响应式

Question

我有一张非洲大陆的SVG图像，我想要将其制作成响应式的，该图像尺寸为1500px x 1500px。我使用Rapheal库的ImportSVG库扩展来利用我的SVG。

jQuery(document).ready(function () {
    jQuery.ajax({
        type: "GET",
        url: "Content/Blank_Map-Africa.svg",
        dataType: "xml",
        success: function (svgXML) {
            var paper = Raphael(150, 150, 1500, 1500);

            var newSet = paper.importSVG(svgXML);

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

我找到了这个库，但不确定如何将其包含在我的项目中。

- RogueWolf

---

可能是重复的问题：如何使用jQuery在窗口调整大小时缩放Raphael js元素。 - givanse

Answer 1

这里有一个类似的问题：

如何在响应式或流体布局中实现跨浏览器的SVG？

我认为使用提到的文章可以解决您的问题。

- Jacques Bronkhorst