進捗報告スポンサーリンクまずは要点だけ。以前、FF14のスクリーンショットをPCでおはララロゴを簡単に入れれるようにおはララジェネレータを作成していました。このジェネレータはChrome、Safari、Firefoxなどの対応のみでした。そこでバージョンアップ。今回、Edge、InternetExproler対応しました!gelehrtecrest.github.ioただし、ちょっと機能制限しています。本記事ではその話をします。基本的に今まで通り使用できます。機能制限はありません。UIが少し変更され、ダウンロードボタンが追加されました。ダウンロードボタンこのボタンは説明文通りですが、「ロゴを自分のPCからアップロードした場合」にのみ使用可能です。ボタンは使用できません。このような仕様にしたかについては後述します。小難しい話になります。右クリックによるダウンロードいつもの通りできます。機能制限の話になりますが、ロゴを自分のPCからアップロードする必要があります。UI上でも、URLでロゴ画像を指定する部分を消してあります。ダウンロードボタンIE/Edgeユーザの場合は、ダウンロードボタンによるダウンロードのみ対応します。このような仕様にしたのかプログラムに関することなので使用する分には関係ない話になるのですが、自分用のメモのため。ダウンロードボタンを設置した理由IEやEdgeでは画像加工して表示したCanvasを右クリックダウンロードすることができません。そのためダウンロードボタンを設置する必要があります。URLによるロゴ指定の時はダウンロードボタンが使えないのかこれはどのブラウザでも同じ話なのですが、このアプリが公開されている場所のドメインとロゴ画像の場所のドメインが異なるとブラウザがセキュリティ違反と判断します。これはクロスドメインによる問題です(CORS制限)。IE/Edgeは機能制限するのかIE/Edgeではそもそも外部URLのロゴを使うことができず、一度使おうと初期設定に書きこんでおくと(drawImageなどを内部実行してしまうと)、そのアプリはもう動かなくなります。Errorになります。理由は謎です!なので私は、ユーザの使用しているブラウザを判定してIEやEdgeの時はURLによる画像ロゴ指定ができないようにしました。判定はこちらのサイトを参考にしました。qiita.com今後の予定まだ、モバイルには対応していないという問題があります。この問題は、合成などのボタンが押せない問題だけなので、比較的簡単に解決できるんじゃないかなぁ・・・・って想像。時間があったらモバイル対応もやりたいと思います。スクリーンショット加工ツールを作ってみた。ロゴの透過についておはララジェネレータを更新してみました。よる言語の獲得FF14雑記:2020年の創作活動方針についてニーア文字・天使文字フォント作成の一旦完了・公開についてスポンサーリンクはてなブログをはじめよう!gelehrtecrestさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。