如何在 HTML 中修復 getImageData() 錯誤“畫布已由跨源資料汙染”?

crossOrigin 屬性允許將從外部來源載入的影像用於畫布，就像從當前來源載入影像一樣。

在未經 CORS 許可的情況下使用影像會汙染畫布。一旦畫布被汙染，你便無法再從畫布中獲取資料。透過從跨源域載入畫布，你會汙染畫布。

你可以透過設定以下內容來防止這種情況 -

img.crossOrigin = "Anonymous";

如果遠端伺服器恰當地設定了標頭，則可以使用以下內容 -

Access-Control-Allow-Origin "*"

喬治·約翰

更新於: 04-3-2020

2K+ 瀏覽量

啟動你的職業生涯

透過完成課程獲得認證

開始