なんとかHubジェネレーター

どこかで見たことあるようなないようなロゴのジェネレーター。

設定

英字なら Helvetica/Arial 系、日本語なら Noto Sans JP か Zen Kaku Gothic New が安定です。

背景を透明にする
フォントサイズを自動調整する
細かい調整

このへんをいじると「それっぽさ」を微調整できます。デフォルトは参考画像に寄せた値です。

コードに埋め込んであるデフォルト色は #000000 / #ffffff / #f7971d / #000000。まずはそのまま使って、必要なら比率だけ触るのが速いです。

プレビュー

このキャンバスをそのまま PNG に書き出します。

プレビューは表示エリアに入った時点で描画します。

現在のフォントサイズ -
ブロック全体の横幅 -
使用フォント -
そのまま自分のサイトに組み込みたいなら、下の JavaScript の renderLogoToCanvas(canvas, options) を流用すれば十分です。HTML は UI 付きのサンプル実装です。