Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Convert Raphael SVG to image (png etc) client side [duplicate]

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?

like image 229
mitch Avatar asked Nov 03 '10 11:11

mitch


1 Answers

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.

like image 60
mitch Avatar answered Nov 19 '22 06:11

mitch