老师帮忙检查代码

来源：4-10 编程练习

人生的起源

2019-12-18 01:32:58

<!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, 150, 0, 2*Math.PI, true);
        context.fillStyle = '#ffc0cb';
        context.fill();

        context.beginPath();
        for(i=0; i<4; i++){
            context.rotate(Math.PI / 2);
            context.moveTo(135, 0);
            context.lineTo(150, 0);
        }
        context.stroke();

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

        context.rotate(- Math.PI / 2.2);
        context.beginPath();
        context.moveTo(0, 0);
        context.lineTo(100, 0);
        context.stroke();
    </script>
</body>
</html>

写回答

1回答