カーブテキスト生成ツール
文字を円弧状に曲げてSVGコードにするツール
ロゴ、バッジ、スタンプのデザインでよく使われる円弧状の文字を、SVGのpathとtextPathを使ってその場で作れるツールです。曲がり具合、字間、フォントサイズ、色、反りの向きを調整しながらリアルタイムでプレビューでき、計算はすべてブラウザ内で処理されるため入力したテキストがサーバーに送信されることはありません。完成したSVGコードをコピーして、そのままWebページやデザインツールに貼り付けられます。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- カーブさせたいテキストを入力します。
- 曲線の半径、字間、フォントサイズ、色のスライダーを調整して好みの形に整えます。
- 上に凸（スマイル）にするか下に凸にするかをチェックボックスで選び、必要ならガイドラインを表示して曲がり具合を確認します。
- プレビューが思いどおりになったら、下部のSVGコードをコピーボタンで取得して使います。
よくある質問
- 生成したSVGはどこで使えますか？
- コピーしたSVGコードは、HTMLページ、画像編集ソフト、ロゴ作成ツールなど、SVGに対応している場所ならどこにでも貼り付けて使えます。
- 文字が曲線の中央にぴったり来ません。
- textPathのstartOffsetは50%、text-anchorはmiddleで固定されており、テキストが常に曲線の中央に揃うように設計されています。テキストが長すぎる場合は曲線の半径を大きくしてみてください。
- 入力したテキストはサーバーに保存されますか？
- いいえ。すべての処理はブラウザ内だけで行われ、テキストや設定値が外部に送信されることはありません。