Skip to content

Instantly share code, notes, and snippets.

@westcoastdigital
Created April 13, 2018 07:11
Show Gist options
  • Save westcoastdigital/190e8109f504c27442f350a450702ebc to your computer and use it in GitHub Desktop.
Save westcoastdigital/190e8109f504c27442f350a450702ebc to your computer and use it in GitHub Desktop.
Output svg code when using img tag for better styling
$( 'img.svg' ).each( function() {
var $img = jQuery( this ),
imgID = $img.attr( 'id' ),
imgClass = $img.attr( 'class' ),
imgURL = $img.attr( 'src' );
$.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' );
} );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment