问答详情
源自:3-2 SVG-线性渐变和径向渐变

svg circle设置渐变

svg circle没有径向渐变吗?有的话  如何设置

提问者:stickTo 2017-06-22 15:35

个回答

  • 山顶树上
    2017-07-07 16:37:54

    <svg xmlns="http://www.w3.org/2000/svg">

    <defs>

    <radialGradient id="grad3" cx="0.5" cy="0.5" r="0.7" fx="0.5" fy="0.5">

    <stop offset="0" stop-color="rgb(20,151,252)" />

    <stop offset="0.5" stop-color="rgb(164,105,190)" />

    <stop offset="1" stop-color="rgb(255,140,0)" />

    </radialGradient>

    </defs>

    <rect x="100" y="100" fill="url(#grad3)" width="200" height="200" />

    <circle cx="500" cy="200" r="100" fill="url(#grad3)" />

    </svg>