问答详情
源自：2-2 画一条直线

请问我的代码哪里出错了

请问我这段代码哪里有错误，为什么画不出圆来

html代码

     <div class="step">

          <canvas id="steps" width="440" height="90"></canvas>

     </div>



js代码

    window.onload = function(){


        var canvas = document.getElementById("steps");

        var cxt = canvas.getContext('2d');


        canvas.width =440;

        canvas.height = 90;



        cxt.fillStyle="red";

        cxt.arc(45, 45, 25, 0, 2*Math.PI, false);

        cxt.fill();


}


提问者：qq_遺忘的激情_0 2016-10-12 09:53

个回答

  • 无所畏惧小小小
    2016-10-27 23:09:48
    已采纳

    首先你在html中已经给定过canvas的宽高，js中就不用重复设置了.

    其次，你看看你的浏览器，IE9以下的不支持canvas。

    我刚复制代码发现是可以画出圆的( ⊙ o ⊙ )！

    0
  • qq_遺忘的激情_0
    2016-10-13 09:11:49

    谢谢。

    0
  • 请叫我蜗牛小姐
    2016-10-12 16:24:42

    把div去掉试试

    0