ローカルコンピュータを使用してキャンバスイメージを生成する

Question

getImageData() を使用できるように、ラップトップの <canvas> に画像をロードしたいと考えています。ローカルの .html ファイルで JavaScript を使用しています。これはライブの Web 指向のプロジェクトではなく、単なる個人的なプロジェクトです。

これを実行しようとすると、次のエラーが発生します:

Uncaught DOMException: 'CanvasRenderingContext2D' で 'getImageData' の実行に失敗しました: キャンバスはクロスオリジン データによって汚染されています。 Image.loadedImage にあります。

この問題を解決する最も簡単な方法は何ですか?

私は、この問題を解決するために、過去に Apache サーバーをインストールしたのではないかと考えています。 hfs を試してみましたが、問題は解決しませんでした。 関連する質問に対する他の古い回答が示唆しているように、これは

img.crossOrigin = "Anonymous"

または Firefox で実行しても解決できないことに注意してください。

Answer 1

現時点では、Rebex をインストールして実行すると、この問題は解決することがわかりました (ファイルは wwwroot に転送する必要があります)