代码一模一样,圆画不出来

来源:3-1 Canvas 时钟外边框圆

慕粉4146786

2016-10-14 15:51

为什么圆不显示,canvas可以显示http://img.mukewang.com/58008e3c0001136105090404.jpg

写回答 关注

4回答

  • 游勇决
    2016-11-02 22:30:13

    ctx.arc(0,0,r-5,0,2*Math.PI,false);

    游勇决

    正确的是 2*Math.PI 你的写反了

    2016-11-02 22:31:53

    共 1 条回复 >

  • qq_SuperBigMixE_03421505
    2016-10-19 11:21:54

    我按照你敲的,显示的是半圆,不知道你问的是不是为什么显示半圆。因为你没设置宽高,Canvas默认宽为300,高为150,你r=宽/5 也就是150,而且坐标轴平移到r,r点也就是150,150点处,也就是说你画的圆虽然坐标是0,0,但是实际上是在150,150处画的,高度不够,所以显示了半圆

  • 亮剑4
    2016-10-15 21:20:20

    我觉得应该把画圆过程中出现的所有函数全都放入一个新函数中调用(比如函数名为drawClock()),再在html页面的body标签上添加onload事件调用函数drawClock()。

  • 慕粉3197089
    2016-10-14 16:37:28

    跟你一样,我出来的是椭圆,方框内只有一半

Canvas 绘制时钟

canvas画出漂亮的时钟,通过本教程能重新掌握一些几何知识

49750 学习 · 160 问题

查看课程

相似问题