请问我的代码哪里出错了

来源:2-2 画一条直线

qq_遺忘的激情_0

2016-10-12 09:53

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

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();


}


写回答 关注

3回答

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

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

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

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

    qq_遺忘的...

    非常感谢!

    2016-11-02 09:50:39

    共 1 条回复 >

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

    谢谢。

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

    把div去掉试试

Canvas绘图详解

Canvas系列教程第二课,详解Canvas各接口,让同学彻底掌握Canvas绘图

72881 学习 · 422 问题

查看课程

相似问题