Erro não detectado: SecurityError: DOM Exception 18 Canvas - javascript

function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
document.body.appendChild(canvas);
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/png");
return dataURL;
}

Parece que estou violando algo, mas não consigo encontrar o quê. Alguma ajuda sobre como consertar isso?

Respostas:

Se a imagem que você desenhou para o ID da tela de outro domínio, ela está contaminada e você não pode produzir dados a partir dela. Copie a imagem para o mesmo domínio que o script para evitar isso.