キャンバス画像をエクスポートできないのはなぜですか? 「汚染されたキャンバス」エラーを解決するためのガイド

セキュリティ上の懸念: 画像エクスポート中の「汚染されたキャンバスはエクスポートできない可能性があります」エラーの解決

キャンバス要素を画像に保存しようとしたとき、汚染されたキャンバスのエクスポートに関する制限により、「Tainted SecurityError」が発生する可能性があります。このエラーは、悪意のあるアクティビティを防ぐために、ローカル ドライブなどの信頼できないソースからのデータ転送を防止するセキュリティ対策が原因で発生します。

根本原因: 信頼できないソースとしてのローカル ドライブ

セキュリティ上の理由から、ローカル ドライブは「他のドメイン」とみなされ、キャンバスが汚染され、「汚染されたキャンバス」エラーが発生します。この分類は、ローカル ドライブに保存されている機密情報を保護することを目的としています。

回避策

開発中にこのエラーを解決するには、次の回避策を検討してください。

• ファイルをデスクトップに移動: すべてのページ関連ファイル (.html、 .jpg、.js、.css など) をデスクトップ上のサブフォルダーの外に置きます。
• クロスドメイン共有を使用する: クロスドメイン共有をサポートするサービスに画像をアップロードします。 Dropbox または GitHub として。画像がパブリック フォルダーに配置されていることを確認し、ダウンロード時に「匿名」フラグを使用します (例: var img = new Image(); img.crossOrigin = "anonymous" ...)。
• インストールローカル Web サーバー: Web ページをローカルでホストするには、IIS や PHP などの Web サーバーを開発マシンにインストールします。

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