老师 问题在注释中

来源:4-10 编程练习

小鲜花

2019-12-26 09:56:51

<!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,Math.PI*2,true);

      context.fillStyle="pink";

      context.fill();

      

      

      for(var i=0;i<4,i++){

      context.beginPath();

      context.rotate(Math.PI/2);

      context.moveTo(130,0);

      context.lineTo(150,0);

      context.stroke();//老师我的for循环没有效果为什么

      }

    

      

      

      

      context.beginPath();

      context.rotate(Math.PI/2);//这里意思是让他旋转90°吗  如果是的话 怎么跑到四十五度那个位置去了啊

      context.moveTo(0,-130);

      context.lineTo(0,-150);

      context.stroke();

    </script>

</body>

</html>


写回答

1回答

好帮手慕慕子

2019-12-26

同学你好,对于你的问题解答如下:

  1. 因为for语句中需要使用分号隔开,同学这里使用的是逗号,语法不对,所以没有效果。建议修改:

    http://img.mukewang.com/climg/5e0428fd096f964305890153.jpg

  2. 是旋转90度。位置也是在90度的位置,可以添加颜色,查看效果。例:

    http://img.mukewang.com/climg/5e0429f7093ccf6311460182.jpg

    http://img.mukewang.com/climg/5e042a0d09b1e7da04410364.jpg

同学测试理解下。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程