为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 炫丽的倒计时效果Canvas绘图与动画基础 问答

炫丽的倒计时效果Canvas绘图与动画基础

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 1小时30分
学习人数
综合评分9.70
349人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
Morningstarz
沉迷画圆无法自拔
2 2-3 绘制弧和圆
2017-02-08
啦啦啦50
老师讲的真赞，详细，说话的风格很棒！
1 2-3 绘制弧和圆
2017-02-08
围巾小白
分钟这里为毛不写成 var m = parseInt(curShowTimeSeconds%3600/60); 总秒数模上3600的值不就是剩下的总秒数吗？ 然后再除以60再取整就是分钟数啊
2 3-3 倒计时的时间计算
2017-02-07
qq_奔跑着的_0
才看，哈哈
1 4-2 使用canvas做个物理实验
2017-02-07
慕粉4218990
慕课最好的讲师
0 2-3 绘制弧和圆
2017-02-07
劫盎
这个音乐也太……
0 1-1 欢迎进入Canvas的世界！
2017-02-06
烟云藏锋
谢谢老师，看来要学的还多。加油。
0 5-7 总结
2017-02-04
_爱健身的码农_03883871
牛逼，这老师真牛
1 5-8 综合介绍
2017-02-04
qq_Tokyopatient_04163377
什么情况，照抄的代码，效果呢？只有时间在走，没有见到什么华丽的小球 \囧/
0 4-3 华丽的小球滚动效果
2017-01-31
每天固定就好
听不懂，我的错，可能这就是智商差别吧。
2 3-2 倒计时数字钟的具体绘制
2017-01-31
oct11
digit是那个组成数字的三维数组。在前面可以看到引入了两个js文件，第一个就是有digit变量的文件，第二个是写绘制逻辑的文件，在这里可以直接引入digit。
这里嵌套了三层循环，第一层循环digit的每一个数字，第二层循环该数字的每一行，第三层循环最内层每一行的每一位，如果是1就绘制圆圈。
4 3-1 倒计时程序的基本架构
2017-01-29
rw木头
你不减20是因为浏览器默认右边距 添加一条这个
<style> * {margin: 0;padding: 0;} </style>
1 5-2 屏幕自适应
2017-01-23

手机上无法正常显示

最新回答 / 慕粉1956174443
可以的。<...图片...>
1 回答 938 浏览 5-8 综合介绍
2017-01-23
慕仔4432925
这一课开始一脸懵逼了
0 3-1 倒计时程序的基本架构
2017-01-22

文字的矩阵表示

+ 我来回答 回答最高可+2积分
3 回答 1038 浏览 5-8 综合介绍
2017-01-22
阿古斯LM
学好数理化，走遍天下都不怕..
7 4-2 使用canvas做个物理实验
2017-01-21
首页上一页39404142434445下一页尾页
开始学习
课程须知
1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识
老师告诉你能学到什么？
通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消