SVG:radialGradient要素

gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'.

Use the view box or object to determine relative position of vector points.

(Default 'objectBoundingBox')"

gradientTransform="the transformation to apply to the gradient"

cx="the center point of the gradient (number or % - 50% is default)"

cy="the center point of the gradient. (50% default)"

r="the radius of the gradient. (50% default)"

fx="the focus point of the gradient. (0% default)"

fy="The focus point of the gradient. (0% default)"

spreadMethod="'pad' or 'reflect' or 'repeat'"

xlink:href="Reference to another gradient whose attribute values are used as defaults and stops included. Recursive"

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:radialGradient要素/rg.svg

code:rg.svg

<svg

viewBox="0 0 10 10"

<defs>

<radialGradient id="myGradient">

<stop offset="10%" stop-color="gold" />

<stop offset="95%" stop-color="red" />

</radialGradient>

</defs>

<!-- using my radial gradient -->

<circle cx="5" cy="5" r="4" fill="url('#myGradient')" />

</svg>

SVG要素.icon