html5-canvas Images The Tained canvas


When adding content from sources outside your domain, or from the local file system the canvas is marked as tainted. Attempt to access the pixel data, or convert to a dataURL will throw a security error.

vr image = new Image();
image.src = "file://myLocalImage.png";
image.onload = function(){
    ctx.getImageData(0,0,canvas.width,canvas.height);  // throws a security error

This example is just a stub to entice someone with a detailed understanding elaborate.