老师，请检查

来源：5-4 编程练习

慕函数4436287

2019-06-05 15:57:21

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>canvas渐变</title>
</head>
<body>
   <canvas id="canvas" width="800px" height="800px">您的浏览器不支持</canvas>
   <script>
      //此处补充代码
       var canvas=document.getElementById("canvas");
       var context=canvas.getContext("2d");
       var radialGradient=context.createRadialGradient(400,400,0 , 400,400,200);
       radialGradient.addColorStop(0,"red")
       radialGradient.addColorStop(.3,"yellow")
       radialGradient.addColorStop(.4,"orange")
       radialGradient.addColorStop(.6,"pink")
       radialGradient.addColorStop(.8,"orange")
       radialGradient.addColorStop(1,"pink")
       context.fillStyle=radialGradient;
       context.arc(400,400,200,0,2*Math.PI,true)
       context.fill();
   </script>
</body>
</html>

写回答

1回答