跨源圖像加載和操作

Question

我寫了一段javascript，存儲在域A上，該域使用CORS使我能夠將它嵌入到域B的頁面中，但仍然從域A讀取數據。我還想它從域A獲取圖像並使用HTML畫布處理像素數據。通常，canvas.getImageData會引發安全異常，因爲我不允許讀取像素數據。 Chrome允許我這樣做（並支持Image.crossOrigin屬性）。但是，Firefox和其他各種瀏覽器不會。

是否有解決方法來加載和操作來自域B的腳本中的域A的圖像的像素數據？

Answer 1

不，您只需等待其他瀏覽器發送對crossorigin屬性的支持。就Firefox而言，這意味着等待一個月左右。對於其他人，誰知道...

雖然實際上...您可以使用跨站點XHR（這得到了更好的支持）來獲取圖像數據，從它建立一個數據：URI，將圖像的src設置爲data：URI，然後將該圖像繪製到畫布上。 可能工作。