老师,检查下效果

来源：4-10 编程练习

慕言_7946275

2019-11-02 16:44:00

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>案例</title>
    <style>
        canvas{background-color:lightblue;}
    </style>
</head>
<body>
    <canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>
    <script>
        var canvas=document.getElementById("canvas");
        var context=canvas.getContext("2d");
      //在此处编写代码
      context.strokeStyle="blue";
      context.save();
      context.translate(300,300);
      context.arc(0,0,150,0,Math.PI*2,true);
      context.fillStyle="pink";
      context.fill();
      context.beginPath();
      for(var i=0;i<4;i++){
          context.rotate(Math.PI/2);
          context.moveTo(140,0);
		  context.lineTo(150,0);
          
      }
      context.stroke();
     
      context.save(); 
      context.beginPath();
      context.rotate(Math.PI/6/5);
      context.moveTo(0,0);
      context.lineTo(0,-110);
      
      context.stroke();
      context.restore(); 
      
      context.beginPath();
      context.moveTo(0,0);
      context.lineTo(120,0);
      
      context.stroke();

      
    </script>

写回答

1回答