テキストを手書きに変換する機能

このツールは、入力したテキストを 5 種類の手書き風 Google フォントで紙の背景上にレンダリングし、手書きのように見せかけた上で PNG 画像として書き出します。フォント、インクの色、用紙の種類、フォントサイズを選択でき、ダウンロード前にライブプレビューがすべての変更を即座に反映します。

1. 入力テキスト エリアにテキストを入力します。 2. フォント選択リストからフォントを選びます（Caveat、Dancing Script、Indie Flower、Kalam、Patrick Hand）。 3. インクの色を選びます（青、黒、赤、緑）。 4. 用紙の種類を選び（罫線、無地、方眼）、フォントサイズ スライダー（14〜28 px）を調整します。 5. ライブプレビューで確認したら、画像をダウンロード をクリックして、レンダリング結果を handwriting.png として保存します。

フォントは Google フォントから必要に応じて読み込まれます。いずれも筆記体の手書き感を持つ Caveat、Dancing Script、Indie Flower、Kalam、Patrick Hand です。インクの色は 4 つの固定スウォッチ：青（#1a3a6b）、黒（#1a1a1a）、赤（#8b1a1a）、緑（#1a4a2e）です。用紙の種類はプレビューの背景を変更します。罫線 は横罫を引き、方眼 は方眼格子を引き、無地 はクリーム色の紙の背景をそのまま表示します。画像をダウンロード ボタンは canvas API を使ってプレビューを 2 倍解像度の PNG としてラスタライズするため、出力ファイルは現在のフォント、色、サイズ、用紙の選択内容と一致します。