Why Am I Getting The Error "Uncaught SecurityError: Failed To Execute 'toDataURL' On 'HTMLCanvasElement': Tainted Canvases May Not Be Exported. "

I have looked at the other questions, but still can't come up with an answer. When a user clicks the 'Save Project' button, this function is fired: function common_save_project() {

Solution 1:

You are loading files from the local file system, instead of using a localhost request.

Run your application through a localhost file server, and make sure to load files in your app only through http:// and not from the local system. (i.e. c:/ or file:// or /usr)

Solution 2:

Just use crossOrigin Attribute

var image= new Image();
image.setAttribute('crossOrigin', 'anonymous');
image.src = url;