generated at
SVG:HelloWorld


1. <svg> ルート要素
h.svg
<svg width="250" height="100" viewBox="0 0 250 100" xmlns="http://www.w3.org/2000/svg">

2. 外枠
長方形(rect)を描く
角丸を指定する
lightgray で塗る(fill)
h.svg
<rect x="5" y="5" width="240" height="90" rx="45" ry="45" fill="lightgray" fill-opacity="1" stroke="black" stroke-width="1" />

3. " Hello"の文字
文字色は white
h.svg
<text x="80" y="45" font-size="40" stroke-width="1" stroke="black" fill="white" font-weight="800" letter-spacing="-1" word-spacing="-1" > Hello </text>

4. "World!"の文字
h.svg
<text x="60" y="85" font-size="40" stroke-width="1" stroke="black" fill="white" font-weight="800" letter-spacing="-1" word-spacing="-1" > World! </text>

5. SVGの終了
h.svg
</svg>