なにこれ
Twitterなどで話題になった報道ステーションの「きょうの熱盛」というコーナーのロゴ風な画像を作れるツールです。
文字や色を変えられます。
サイト
ソースコード
MITライセンスです。
技術的なメモ
canvasに文字を直接描画するとブラウザごとにかなり描画結果が変わってしまうので、一度SVGにしてからcanvasに描画しています。
canvasにSVGを読み込むときに通常だとWebフォントが適用されなくなるのでBase64に変換してSVG内に埋め込んでいます。
保存を安定させるためにtoDataURLでBase64にしたあとBlobにしています。
input[type=range]だとブラウザごとに表示や動作が異なるので自作して対応しました。
紹介ツイート
ツイートしたアカウントが凍結したため残っていません
失礼しました。熱盛ジェネレーターを作ってしまいました。https://t.co/wzmnRqYnD0 pic.twitter.com/Auvc6UHTeq
— totoraj (@totoraj930) 2017年9月5日
スクショ
制作期間
約2日