getImageData() による「キャンバスがクロスオリジン データによって汚染されています」エラーを解決する方法 このエラーの潜在的な理由の 1 つは、画像ソース (src) がサブドメイン URL からのものであることです。この問題を解決するには、画像要素のcrossOriginプロパティを「Anonymous」に設定してみます:img.crossOrigin = "Anonymous";ログイン後にコピーただし、この解決策は、リモートサーバーが適切なCORSヘッダーで応答した場合にのみ機能します:Access-Control-Allow-Origin: *ログイン後にコピーあるいは、CanvasCaptureStream API を使用して、 からフレームのストリームを作成することを検討できます。要素。このアプローチにより、クロスオリジン データ制限なしでフレームにアクセスして操作できるようになります: const captureStream = canvas.captureStream();ログイン後にコピー