请问这样写可以吗？？

来源：4-10 编程练习

直鹢

2019-06-03 19:01:22

<!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.translate(300,300);
      context.arc(0,0,100,0,2*Math.PI,true);
      context.fillStyle='#FFCCFF';
      context.fill();

      context.beginPath();
      context.moveTo(0,0);
      context.lineTo(70,0);
      context.strokeStyle='blue';
      context.stroke();

      context.beginPath();
      context.moveTo(0,-60);
      context.lineTo(0,0);
      context.strokeStyle='blue';
      context.stroke();

      

      context.beginPath();
      context.moveTo(-90,0);
      context.lineTo(-100,0);
      context.strokeStyle='black';
      context.stroke();

      context.beginPath();
      context.moveTo(90,0);
      context.lineTo(100,0);
      context.strokeStyle='black';
      context.stroke();

      context.beginPath();
      context.moveTo(0,-90);
      context.lineTo(0,-100);
      context.strokeStyle='black';
      context.stroke();

      context.beginPath();
      context.moveTo(0,90);
      context.lineTo(0,100);
      context.strokeStyle='black';
      context.stroke();
    </script>
</body>
</html>

还有什么写法

写回答

1回答