Download canvas image on the fly

Question

I have <div id="qrcode"></div>

Then jquery.qrcode.js plugin creates over a` element with the QR Code.

So, i would like to put a <button> element in the page for downloading that "image" (it's a canvas element) created on the fly.

Is it possible to do that?

score 1 · Accepted Answer · edited May 23 '17 at 12:12

1

jquery canvas image download

The saving of the image can be done using HTML5 blobs.

http://www.html5rocks.com/en/tutorials/file/filesystem/#toc-file-writing

You can get Blob out of the like done in this code:

https://github.com/miohtama/Krusovice/blob/master/src/tools/resizer.js

edited May 23 '17 at 12:12

Community

1
1

answered Oct 09 '12 at 08:11

LiamB

18,243
19
75
116

mmmmmmm ... it looks so good html5 but i would like to use other method if possible. – itsme Oct 09 '12 at 08:13
1

Your using Canvas? Canvas IS Html5? – LiamB Oct 09 '12 at 08:13
But your question is about saving from a canvas? How can you remove canvas? – LiamB Oct 09 '12 at 08:25

Download canvas image on the fly

1 Answers1

Linked

Related