老师，请检查

来源：5-2 编程练习

慕函数4436287

2019-06-05 15:46:24

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>canvas渐变</title>
   <style>
       canvas{
           background-color: linen;
       }
   </style>
</head>
<body>
   <canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>
   <script>
       var canvas=document.getElementById("canvas");
       var context=canvas.getContext("2d");
       //在此处补充代码
       var linearGradient=context.createLinearGradient(100,100,400,400)                      
       linearGradient.addColorStop(0,"orange")
       linearGradient.addColorStop(.5,"pink")
       linearGradient.addColorStop(1,"lightblue")
       context.arc(300,300,200,0,Math.PI*2,true);
       context.fillStyle=linearGradient;
       context.fill();
   </script>
</body>
</html>

写回答

1回答