使用Raphael使SVG图像响应

时间:2013-06-25 12:37:38

标签: jquery svg raphael

我有非洲大陆的SVG图片,我想做出回应, 图像是1500像素×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,但不确定如何将它包含在我的项目中。

1 个答案:

答案 0 :(得分:3)

这是一个类似的问题:

Cross-browser SVG in responsive or fluid layout?

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