Created
April 13, 2018 07:11
-
-
Save westcoastdigital/190e8109f504c27442f350a450702ebc to your computer and use it in GitHub Desktop.
Output svg code when using img tag for better styling
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$( '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