16

Possible Duplicate:
Convert SVG to image (JPEG, PNG, etc.) in the browser

I have a small project where users construct a diagram using Raphael and then export the composed diagram to an image to save.

Problem is it has to run offline. http://www.nihilogic.dk/labs/canvas2image/ will not work as it requires a canvas, not the Raphael generated SVG.

Is there a way (javascript) that I can export an image from the SVG?

Community
  • 1
  • 1
mitch
  • 161
  • 1
  • 1
  • 3

1 Answers1

9

Yes, that duplicate question was a big help. canvg combined with canvas2image sorted me out.

So I created the SVG using Raphael. Then on a button click, saved the inner HTML of the div holding the SVG in a variable, then used that in canvg, hiding the SVG div. I could then use the ID of the canvas for canvas2image. It only really worked well for PNG.

Necreaux
  • 9,451
  • 7
  • 26
  • 43
mitch
  • 135
  • 1
  • 7