这里写代码片
<body>
<!--设置画布宽高-->
<canvas width="400" height="400" style="border: solid 1px red;" id="mycanvas"></canvas>
</body>
<script>
var mycanvas=document.getElementById("mycanvas");
var ctx=mycanvas.getContext('2d');
//createRadialGradient(XStart(发散开始圆心X坐标),YStart,radiusStart(开始圆半径),XEnd(结束园X坐标),YEnd,radiusEnd)
var clo=ctx.createRadialGradient(200,200,0,200,200,100);
//径向渐变(发散)颜色
clo.addColorStop(0,'red');
clo.addColorStop(1,'blue');
ctx.fillStyle=clo;
ctx.rect(100,100,200,200)
ctx.fill()
</script>