1

私はモバイルアプリケーション広告プロジェクトに取り組んでいるので、アプリケーション画像のバナーまたはサムネイルを作成する必要があります。アプリケーションのリストは、グーグルプレイとアップルストアから公開されています。したがって、私のWebサイトは、ローカルドメインではなく、他のアウトバウンドドメインを利用しています。

HTML 5キャンバス要素を使用して、ランタイム機能を管理し、キャンバス全体を画像として保存しています。私がする必要があるのは、ユーザーの色の好みやフォントの色などに基づいて、(キャンバスを保存した後の)デフォルトのバナーを作成することです。

私のキャンバスコーディングは以下のとおりです。

<canvas id="myCanvas" name="myCanvas" width="300" height="100" style="border:1px solid;margin-top: 25px;margin-left: 73px;margin-bottom: 12px;background: -moz-linear-gradient(top,  #4c4e54,  #4c4e54);"></canvas>

単純なURLをデータURLに変換するために使用したjsは次のとおりです。

 var myCanvas = document.getElementById("myCanvas");
 var canvasData = myCanvas.toDataURL("image/png");

ここで何が起こるかというと、data:URLを使用してcanvas要素全体を保存しようとすると、mozillafiefoxから次のエラーが発生します。

Security error
[Break On This Error]   
var canvasData = myCanvas.toDataURL("image/png");

私は多くの投稿やフォーラムを検索しましたが、これに対する適切な解決策を提供している人は誰もいません。

多くの時間を過ごしましたが、私にとっては多くの大混乱を引き起こしました。

どんな提案も楽しまれます

よろしくお願いします。

4

1 に答える 1

1

私はあなたの投稿を読みました、そして私が見つけたものは私が直面していたのと同じ問題です。

アプリケーションがフェッチする画像がライブのgoogle.playサーバーまたはアップルストアサーバーからのものであるため、このエラーが発生します。

キャンバスを使用するときは常にセキュリティが不可欠です。セキュリティはキャンバスの優れた機能です。

画像を取得し、サイズを変更してキャンバスに実装するだけです。セキュリティ機能により、アウトバウンドサーバーの画像を操作してDBに保存することはできません。

コンソールでallow-file-access-from-filesをfirefox.exeコマンドと一緒に使用して、確認することができます。

于 2012-07-30T12:27:30.403 に答える