Skip to content

Instantly share code, notes, and snippets.

@imaginethepoet
Created December 5, 2013 14:29
Show Gist options
  • Save imaginethepoet/7805964 to your computer and use it in GitHub Desktop.
Save imaginethepoet/7805964 to your computer and use it in GitHub Desktop.
/*
* Replace all SVG images with inline SVG
*/
jQuery('img.svg').each(function(){
var $img = jQuery(this);
var imgID = $img.attr('id');
var imgClass = $img.attr('class');
var imgURL = $img.attr('src');
jQuery.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = jQuery(data).find('svg');
// Add replaced image's ID to the new SVG
if(typeof imgID !== 'undefined') {
$svg = $svg.attr('id', imgID);
}
// Add replaced image's classes to the new SVG
if(typeof imgClass !== 'undefined') {
$svg = $svg.attr('class', imgClass+' replaced-svg');
}
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Replace image with new SVG
$img.replaceWith($svg);
}, 'xml');
});
@brandonferens
Copy link

Thanks for this.

@nik0571
Copy link

nik0571 commented Dec 10, 2015

Me gustaría saber que dicen de usarlo asi:

jQuery('img.svg').each(function(){
var $img = jQuery(this);
var imgURL = $img.attr('src');

jQuery.get(imgURL, function(data) {
    var $svg = jQuery(data).find('svg');

    $.each($img[0].attributes, function(index, val) {
        $svg = $svg.attr(''+val.localName+'', val.nodeValue);
    });

    $svg = $svg.removeAttr('xmlns:a');
    $img.replaceWith($svg);
}, 'xml');

});

De esta manera me traigo todos los atributos sin tener que estar preguntado por cada uno de ellos individualmente.

@komalpatil7
Copy link

how to fill color in svg image using jquery in ionic 2???
can anyone provede source code for reference??

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment