CODEWITHSUNDEEP
jquerysvgraphael
RogueWolf
RogueWolf

Reputation: 135

Making SVG Image Responsive Using Raphael

I have an SVG image of African Continent, that I would like to make responsive, the image is 1500px by 1500px. and I use the ImportSVG library extension of Rapheal to utilize my 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();
        }
    });
});

I have found this library, but not sure how I would include it in my project.

Upvotes: 3

Views: 3892

Answers (1)

Jacques Bronkhorst
Jacques Bronkhorst

Reputation: 1695

here is a similar question:

Cross-browser SVG in responsive or fluid layout?

I believe using the Article mentioned would solve your issue

Upvotes: 3

Related Questions