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

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

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 1小时30分
学习人数
综合评分9.70
349人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
kevinZee
在定时器里加上
if(!document.hidden)
{
render( context );
update();
}
可以判断用户是否处于当前页面。如果为处于就执行画布刷新，可以解决小球堆积
5 5-1 性能优化
2017-03-25
kevinZee
还是挺好玩的，'rgb('+parseInt(Math.random()*255)+', '+parseInt(Math.random()*255)+', '+parseInt(Math.random()*255)+')'，用rgb让他颜色也随机，也就不设置colors数组了
0 5-1 性能优化
2017-03-25
kevinZee
我比较不理解为什么不把curShowTimeSeconds=getCurrentShowTimeSeconds();直接放在定时器里.
这和定时器里update函数的执行有什么区别
5 4-1 一个实现动画的基础函数
2017-03-25
慕的地6791964
context.closePath()是否添加的话会对结果造成影响的，视频中的没有影响，是因为填充的颜色和圆弧颜色一样了，换个颜色就比较清楚了
0 2-3 绘制弧和圆
2017-03-24
慕标5024568
写canvas 还是要用hbuilder
3 2-1 创建canvas
2017-03-23
眯眯眼毁灭世界
厉害了，这思路，不服不行，要我绝对想不到
0 4-2 使用canvas做个物理实验
2017-03-22
肉松贝贝
老师辛苦了~
0 5-5 修改为炫丽的时钟效果
2017-03-22
爱学习的Hero
老师讲的非常好，非常详细，原本看其他视频的我要看几遍才能懂，但是看这位老师的视频一遍就过，非常易懂
1 2-3 绘制弧和圆
2017-03-21
Enddddddddddd
Nice Nice NiceNice
0 2-2 绘制直线、多边形和七巧板
2017-03-21
慕粉18381306454
能看到这里的都是好同学，棒棒哒！

https://github.com/yyISACoder/CountDown

上面有项目源码，有github的同学可以fork下来自己研究哦！
4 5-8 综合介绍
2017-03-17
LuckyStar_lyx
厉害了我的哥
0 1-1 欢迎进入Canvas的世界！
2017-03-14
supersuper彤
是不是非常的酷
1 4-2 使用canvas做个物理实验
2017-03-13
Sakura丶羽
好吧，我居然暂停视频把数组都手打下来了
1 3-1 倒计时程序的基本架构
2017-03-13
Sakura丶羽
真心很棒。 赞一个。
0 2-3 绘制弧和圆
2017-03-13
轻青清
拉动滑动条感觉颜色变了是我的错觉么
0 3-2 倒计时数字钟的具体绘制
2017-03-11
首页上一页20212223242526下一页尾页
开始学习
课程须知
1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识
老师告诉你能学到什么？
通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消