我想在我的筆記型電腦上將一張圖片載入到<canvas>
中,以便我可以使用getImageData()
。我在一個本地的.html檔案中使用javascript。這不是一個即時的、面向網路的項目,只是一個個人項目。
當我嘗試這樣做時,我遇到了錯誤:Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 在Image.loadedImage。
解決這個問題最簡單的方法是什麼?我認為過去我可能安裝了一個Apache伺服器來解決這個問題!我剛剛嘗試了hfs,但它沒有解決這個問題。
請注意,這不能透過img.crossOrigin = "Anonymous"
或在Firefox上運行來解決,因為其他過時的答案對相關問題提出了建議。
目前,我發現安裝和運行Rebex可以解決這個問題(必須將檔案傳輸到
wwwroot
)