<svg viewBox="0 0 20 20"> <defs> <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%" > <stop offset="0%" stop-color="gold" stop-opacity="1"/> <stop offset="100%" stop-color="red" stop-opacity="1"/> </radialGradient> </defs> <path d="M5,10 a 5,5 0 0 1 15,0a 5,5 0 0 1 -15,0" style="fill:url(#grad1);stroke:red;stroke-dasharray:1 1;stroke-dashoffset:1;"> </svg>
반응형
'svg' 카테고리의 다른 글
svg text to path:using Boxy SVG Editor (0) | 2023.09.17 |
---|---|
svg textPath,stroke-dasharray,stroke-dashoffset (0) | 2023.09.16 |
svg marker : arrow (0) | 2023.09.15 |
svg path : leaves (0) | 2023.09.14 |
svg path:flower petals,sepals (0) | 2023.09.14 |