Canvas.toDataUrl(“image/png”) is not working properly

Question

I am drawing an image onto canvas. after that I do canvas.toDataUrl("image/png"); But it doesn't go fine. Here is the link to jsfiddle!

http://jsfiddle.net/QcS4u/34/

Answer 1

You cannot use toDataUrl after loading an image from another domain into the canvas, as it would open up a security hole (information disclosure from other domains).

See why is this toDataURL line a security error? .