SVG:円形グラデーション - suto3の大福帳

SVG:円形グラデーション

SVG:radialGradient要素

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:円形グラデーション/rg.svg

code:rg.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">

<defs>

<radialGradient id="sample">

<stop offset="0%" stop-color="#f00" />

<stop offset="50%" stop-color="#0f0" />

<stop offset="100%" stop-color="#00f" />

</radialGradient>

</defs>

<rect width="200" height="200" fill="url(#sample)" />

</svg>

SVG:グラデーション