🌙 曲線テキストジェネレーター

SVGのpathとtextPath要素を使って、ロゴやバッジ、スタンプ風デザインによく使われる曲がった文字を作成できるツールです。曲率半径・文字間隔・フォントサイズ・色・曲げ方向をリアルタイムプレビューで調整でき、処理はすべてブラウザ内で完結するため入力したテキストがサーバーに送信されることはありません。完成したSVGコードはそのままコピーしてウェブページやデザインツールに貼り付けられます。

使い方

1. 曲線にしたいテキストを入力欄に入力します。
2. 曲率半径・文字間隔・フォントサイズ・色のスライダーを調整して形を整えます。
3. 上向き（スマイル）か下向きかをチェックボックスで選び、必要ならガイド線を表示して曲率を確認します。
4. プレビューが希望の形になったら、下部の「SVGコピー」ボタンでコードを取得します。

よくある質問

生成したSVGはどこで使えますか？

コピーしたSVGコードはHTMLページ、画像編集ソフト、ロゴ制作ツールなど、SVGに対応する場所ならどこでも利用できます。

文字が曲線の中央にきれいに配置されません。

textPathのstartOffsetは50%、text-anchorはmiddleに固定されており、テキストは常に曲線の中央に配置されるよう設計されています。テキストが長い場合は曲率半径を大きくしてみてください。

入力したテキストはサーバーに保存されますか？

いいえ。すべての処理はブラウザ内でのみ行われ、テキストや設定値が外部に送信されることはありません。