万華鏡を作成できる小さなページを作りたいです。利用可能なスクリプトを使用し、画像の参照と保存機能を追加しました。結果のキャンバスデータを画像として保存する際に奇妙な問題が発生しました。
Firefox コンソールの表示: SecurityError: The operation is insecure
- 呼び出しに失敗しました: Canvas2Image.saveAsPNG(oCanvas);
これは、自分のサイトからの写真でも発生しました。ここのstackoverflowで見つかったいくつかのヒントをチェックしました。それらのどれも助けることができませんでした。
- CORS は問題を解決しません。
- .htaccess エントリは効果がありませんでした: ヘッダーは常に Access-Control-Allow-Origin を設定します *
別の人も同じ問題を抱えているようです: img とキャンバスへのクロスオリジン アクセスを許可するにはどうすればよいですか?
誰かがこの奇妙なことで私を助けることができますか?
どうもありがとう!
テスト サイトは次のとおりです: http://www.13lumen.de/kaleidoscopetest