ホームページ  >  に質問  >  本文

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

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

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

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

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

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

img.crossOrigin = "Anonymous"

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

P粉547362845P粉547362845367日前560

全員に返信(1)返信します

  • P粉682987577

    P粉6829875772023-09-19 00:14:46

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

    返事
    0
  • キャンセル返事