SVG吹き出し生成

漫画風の吹き出しSVGを生成。セリフ、思考、叫び、ささやきの4種類に対応。

設定

吹き出しタイプ

テキスト

幅: 200px

高さ: 100px

角丸: 10px

しっぽの位置

塗りつぶし色

線の色

線の太さ: 2px

プレビュー

SVG コード

<svg width="200" height="130" xmlns="http://www.w3.org/2000/svg">
  
        <rect x="0" y="0" width="200" height="100"
              rx="10" ry="10"
              fill="#ffffff" stroke="#000000" stroke-width="2" />
      
  
        <path d="M 30 100 L 40 130 L 50 100 Z"
              fill="#ffffff" stroke="#000000" stroke-width="2" />
      
  <text x="100" y="50"
        text-anchor="middle" dominant-baseline="middle"
        font-family="Arial, sans-serif" font-size="16"
        fill="#000000">Hello!</text>
</svg>

使い方

• 4種類の吹き出しタイプから選択（セリフ、思考、叫び、ささやき）
• サイズ、色、線の太さをカスタマイズ
• しっぽの位置を3箇所から選択
• 生成されたSVGコードをコピーまたはダウンロード
• HTMLやMarkdownに埋め込んで使用可能