jquery - 使用 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();
        }
    });
});

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

Answer 1

这是一个类似的问题：

响应式或流畅布局中的跨浏览器 SVG？

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