ローカルコンピュータを使用してキャンバスイメージを生成する
P粉547362845
P粉547362845 2023-09-18 08:44:24
0
1
637

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

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

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

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

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

img.crossOrigin = "Anonymous"

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

P粉547362845
P粉547362845

全員に返信(1)
P粉682987577

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート