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

crossOrigin 屬性允許從外部源載入的影像在類似載入自當前源的畫布中使用。

未經 CORS 批准使用影像會弄髒畫布。一旦畫布被弄髒，就無法再從畫布中提取資料。透過從跨域域載入畫布，正在弄髒畫布。

可以透過設定 − 來防止這種情況

img.crossOrigin = "Anonymous";

如果遠端伺服器適當地設定頭，則此方法有效−

Access-Control-Allow-Origin "*"

George John

更新於：04-Mar-2020

2K 以上的瀏覽量

開啟您的職業生涯

完成課程獲得認證

開始