JSFiddle - React, Tailwind, and code Playground

by liyilongcarlos

HTML

<canvas id="canvas" width="500" height="500"></canvas>

JavaScript

var can=document.getElementById("canvas");
var cxt=can.getContext("2d");


cxt.arc(250,250,200,0,360,false);
var color1=cxt.createRadialGradient(360,180,40,250,250,200);
//添加渐变色
color1.addColorStop(0,"silver");
color1.addColorStop(0.5,"gray");
color1.addColorStop(1,"black");
cxt.fillStyle=color1;
cxt.fill();