私はモバイルアプリケーション広告プロジェクトに取り組んでいるので、アプリケーション画像のバナーまたはサムネイルを作成する必要があります。アプリケーションのリストは、グーグルプレイとアップルストアから公開されています。したがって、私の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");
私は多くの投稿やフォーラムを検索しましたが、これに対する適切な解決策を提供している人は誰もいません。
多くの時間を過ごしましたが、私にとっては多くの大混乱を引き起こしました。
どんな提案も楽しまれます
よろしくお願いします。