Yakalanmayan SecurityError: 'CanvasRenderingContext2D' açık 'getImageData' yürütülemedi: tuval çapraz kökenli verilerle lekelenmiş durumda

Question

Chrome ve Opera tarayıcılar bu hatayı alıyorum:

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

kod iyi çalışıyor Internet Explorer, Mozilla Firefox ve Safari'de. Ancak Chrome ve Opera'da düzeltmem gerekiyor. Lütfen bu sorunu çözmek için bir çözüm bulmama yardım et?

Ben

var UimageObj = new Image(); 

crossOrigin etkinleştirmek için ayarlanmış olması gerekir, çapraz kökenli bu yüzden bu deneyin söylediğim gibi bu, yardımcı olacaktır olabilir bu hat

imgData = ctx.getImageData(x1,y1,w,h); 

Answer 1

bu hatayı alıyorum kaydedilecek olan tuval verisi. Kaynak görüntü* olarak ayarlanmış veya seçili bir etki alanına sahip olmalıdır

Umarım yardımcı olur.

Answer 2

kullandığınız diskten html dosyasını yüklediğinizde: file://path/to/your/file.html ardından Google Chrome ve Opera dahil çizgisinde hata neden: imgData = ctx.getImageData(x1,y1,w,h);

Çözüm basit: başlatmak web sunucusu (apache, nginx) yere senin html dosyasını koymak web sunucusunda ve html dosyanızı şu adresten yükleyin: http://localhost/somewhere/file.html