キャンバスを画像にエクスポートできないのはなぜですか? (「汚染されたキャンバス」エラーの説明)

キャンバス エクスポート エラー: 「汚染されたキャンバス」への対処

キャンバスを画像にエクスポートしようとすると、開発者は「Uncaught SecurityError: Failed to run」というエラーに遭遇することがよくあります。 'HTMLCanvasElement' の 'toDataURL': 汚染されたキャンバスはエクスポートできない場合があります。このエラーは、ユーザー情報の保護を目的としたセキュリティ対策が原因で発生します。

汚染されたキャンバスの原因

コンテンツが Web サイト独自のドメイン以外から発信されている場合、セキュリティ メカニズムによりキャンバスに「汚染されている」というフラグが立てられます。これには、ローカル コンピュータ、外部スクリプト、またはクロスドメイン リクエストから読み込まれた画像が含まれます。

テストの回避策

ローカルでテストする場合、次の回避策により「汚染されたキャンバス」問題を回避できます。

1.ファイルの一元化:
すべてのページ関連ファイル (HTML、画像、JS、CSS) をデスクトップ上の単一のネストされていないフォルダーに整理します。

2.クロスドメイン共有の活用:
クロスドメイン画像ファイルの保存と取得をサポートする Dropbox や GitHub などのプラットフォームで画像をホストします (画像を取得するときにクロスオリジン フラグを設定することを忘れないでください)。

3.ローカル Web サーバーを使用する:
開発用コンピューターに IIS や PHP などの Web サーバーをインストールすることを検討してください。これにより、運用環境がエミュレートされ、ドメイン関連の問題が解決されます。

以上がキャンバスを画像にエクスポートできないのはなぜですか? (「汚染されたキャンバス」エラーの説明)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。