Cannot Export Canvas as Image

Question

I have single html page on this page I am just trying to download the canvas but getting this

, I have also tried this but no luck ,also I cannot set CORS policy because there no web framework behind

$("#download" ).click(function() {
console.log( "Handler for .click() called." );

var link = document.createElement('a');
link.download = 'image.bmp';
link.href = document.getElementById('myCanvas').toDataURL();
link.click();

});

score 0 · Answer 1 · answered Jan 19 '20 at 20:40

0

I think this is because you are loading this on the file protocol.

Try running it on an http-server, if you haven't got anything set-up, give the npm http-server package a try. Shouldn't take you more than 5 mins to set it up.

just install it globally and then run your folder.

Hope this helps!

answered Jan 19 '20 at 20:40

Gijs Beijer

560
5
19

@Gjjs ,tried host on ngrok here http://6bf02462.ngrok.io/ but same error – TAHA SULTAN TEMURI Jan 19 '20 at 20:48
What if you'd append the anchor element to the DOM before the click action? – Gijs Beijer Jan 24 '20 at 22:03

Cannot Export Canvas as Image

1 Answers1