Como corrigir erro getImageData () A tela foi manchada por dados de origem cruzada?

Meu código está funcionando muito bem no meu host local, mas não está funcionando no site.

Eu recebi esse erro do console, para esta linha.getImageData(x,y,1,1).data:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 

parte do meu código:

jQuery.Event.prototype.rgb=function(){
        var x =  this.offsetX || (this.pageX - $(this.target).offset().left),y =  this.offsetY || (this.pageY - $(this.target).offset().top);
        if (this.target.nodeName!=="CANVAS")return null;
        return this.target.getContext('2d').getImageData(x,y,1,1).data;
    }

Nota: o URL da minha imagem (src) é de um URL de subdomínio

questionAnswers(10)

yourAnswerToTheQuestion