Skip to content

Instantly share code, notes, and snippets.

@caged

caged/svg-to-png.js

Created January 27, 2013 18:11
Show Gist options
  • Star 58 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
  • Save caged/4649511 to your computer and use it in GitHub Desktop.
Save caged/4649511 to your computer and use it in GitHub Desktop.
Download ZIP
Convert SVG's to PNGs. This works OK if the SVG's styles are inline. The SVG element must contain an xmlns attribute. Webkit also requires you specify a font size on `text` elements.
Raw
svg-to-png.js
var svg = document.getElementById('graph'),
xml = new XMLSerializer().serializeToString(svg),
data = "data:image/svg+xml;base64," + btoa(xml),
img = new Image()
img.setAttribute('src', data)
document.body.appendChild(img)
@MarkRobertJohnson
Copy link

Nice, worked perfectly to make an embedded SVG downloadable!

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