Question

Is there a Javascript-y way to provide a downloadable link for a Canvas element? How about SVG graphics? And what if you also include a server-side script (not preferred, but if that’s the only way…)?

Answer 1

I have never tried this, but it occurred to me that you might be able to use a data URL to accomplish this. In theory you would use JS to generate the image pixel data needed, then insert that into the href of a link. Not sure that this will work though.

Example of a data URL:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />