使用 Raphael 使 SVG 图像具有响应性

Question

我有一张非洲大陆的 SVG 图像，我想做出响应， 图像为 1500 像素 x 1500 像素。我使用 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();
        }
    });
});

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

Answer 1

这是一个类似的问题：

Cross-browser SVG in responsive or fluid layout?

我相信使用提到的Article 可以解决您的问题