为了账号安全,请及时绑定邮箱和手机立即绑定

Canvas 绘制时钟

难度中级
时长 1小时 0分
学习人数
综合评分9.73
141人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.7 逻辑清晰

最新回答 / 歐炳傑
浏览器的执行顺序是从上到下加载解析的,放在head的js文件会比body中的html元素优先执行,此时canvas元素还未被浏览器解析渲染出来,所以没有效果可以在将代码放在 window.onload = function () {    // 具体代码}中,这样就能保证js文件先执行也能渲染出时钟

最新回答 / qq_慕设计5352929
是将整个画布清空再重新画出的,0,0是从这个矩形的x,y轴坐标都为零的点,也就是左上角开始清空整个画布,因为之前设置的背景之类的已经保存过 所以每次清空重画的就是秒针分针时针clearRect(x,y,width,height)这四个是必选的参数

最新回答 / 慕仰1535993
没给宽高呀。 div给个宽高就好了

已采纳回答 / cjc小隐_0
drawHour(4);改为drawHour(4,30);

最新回答 / 菜花籽
因为你把垂直和水平对齐放到了循环里面,导致第一次填充数字的时候是先填充后对齐所以没用,要把对齐放到循环上面

最赞回答 / 阿猫猫猫猫
如果删除了,那么第一秒出现的是空白,过了一秒(1000毫秒)之后才会出现时钟。所以为了防止出现断层,一开始先把时钟画上去。我是这么理解的。

最新回答 / 慕运维5539158
问题找到了,ctx打成stx了,粗心呐

最赞回答 / 阿猫猫猫猫
是不是在setInterval(draw,1000);之前没有写上draw();的缘故啊?

最新回答 / 王光
不应该  这个上面的不存在兼容性问题 应该是你哪里敲错了

最新回答 / 慕斯8234454
1.<...图片...>2.<...图片...>3.<...图片...>4.<...图片...>
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消