Skip to content

Instantly share code, notes, and snippets.

@zhangbg
Forked from gustavohenke/svg2png.js
Created January 28, 2016 11:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zhangbg/2aaf8a5e66ae4eb616c7 to your computer and use it in GitHub Desktop.
Save zhangbg/2aaf8a5e66ae4eb616c7 to your computer and use it in GitHub Desktop.
SVG to PNG
var svg = document.querySelector( "svg" );
var svgData = new XMLSerializer().serializeToString( svg );
var canvas = document.createElement( "canvas" );
var ctx = canvas.getContext( "2d" );
var img = document.createElement( "img" );
img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( svgData ) );
img.onload = function() {
ctx.drawImage( img, 0, 0 );
// Now is done
console.log( canvas.toDataURL( "image/png" ) );
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment