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

Canvas 绘制时钟

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

最新回答 / 歐炳傑
浏览器的执行顺序是从上到下加载解析的,放在head的js文件会比body中的html元素优先执行,此时canvas元素还未被浏览器解析渲染出来,所以没有效果可以在将代码放在 window.onload = function () {    // 具体代码}中,这样就能保证js文件先执行也能渲染出时钟
感谢老师,跟着做了一遍,加了日期显示。项目地址:https://github.com/JinWangQ/clock-by-canvas 演示:https://jinwangq.github.io/clock-by-canvas/
谢谢老师 学习了
我想起了小贤定理
老师讲的很好啊,我写了一个面向对象版的,大家可以看下哦
https://xiangshuo1992.github.io/canvas-demo/clock02.html

最新回答 / qq_慕设计5352929
是将整个画布清空再重新画出的,0,0是从这个矩形的x,y轴坐标都为零的点,也就是左上角开始清空整个画布,因为之前设置的背景之类的已经保存过 所以每次清空重画的就是秒针分针时针clearRect(x,y,width,height)这四个是必选的参数
老师是哪儿的人?
是的,李棱
老师是我们长沙滴
这个老师的口音太可爱了。哈哈哈哈哈
写不出来的小哥哥,你们没写出来也没发现有错的 ,大部分原因应该是少了函数执行的过程,因为你们写的内容是在函数里 ,所以要加个执行函数哦:drawBackground()

最新回答 / 慕仰1535993
没给宽高呀。 div给个宽高就好了
找图片当背景比较方便吧
给老师个赞
妈蛋!把lineTo()写成linrto(),浪费我一个小时!!
课程须知
javascript基础知识
老师告诉你能学到什么?
1、几何知识 2、从零学习canvas

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消