SVG:HelloWorld

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:HelloWorld/h.svg

1. <svg> ルート要素

code:h.svg

2. 外枠

長方形（rect）を描く

角丸を指定する

lightgray で塗る（fill）

code: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

code: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!"の文字

code: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の終了

code:h.svg

</svg>

https://img.shields.io/badge/SVG-HelloWorld-FFB13B.svg?logo=svg&style=for-the-badge