炫丽的倒计时效果Canvas绘图与动画基础_技术问答

首页免费课炫丽的倒计时效果Canvas绘图与动画基础问答

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

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11191

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7416

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1888

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5851

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3409

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1594

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 1小时30分
            
                学习人数
            
综合评分9.70
                            349人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

初晨丶

不用closePath()还是会少根线（滑稽）

2 2-3 绘制弧和圆

2017-02-22

qq_赫赫巍巍_0

把圆形像素换成矩形像素也挺好看的
代码在此http://www.imooc.com/article/16544

0 3-2 倒计时数字钟的具体绘制

2017-02-22

执行函数addBall为什么不需要传参cxt

最新回答 / Moka_s

谢谢，明白了

3 回答 724 浏览 4-3 华丽的小球滚动效果

2017-02-22

函数问题？

+ 我来回答回答最高可+2积分

3 回答 718 浏览 2-2 绘制直线、多边形和七巧板

2017-02-21

倾城一笑stu

源码在：https://github.com/lensh/html5/tree/master/html5/canvas/clock
欢迎 follow & star ！！

1 4-3 华丽的小球滚动效果

2017-02-21

倾城一笑stu

做了适当的修改，实现了球碰到两侧的壁会反弹，最终会停下来。源代码：
https://github.com/lensh/html5/blob/master/html5/canvas/physics/index.html
欢迎star & follow

6 4-2 使用canvas做个物理实验

2017-02-20

倾城一笑stu

效果没出来的你仔细看看是不是这里的问题！！！
if( nextSeconds != curSeconds ){
curShowTimeSeconds = nextShowTimeSeconds;
}

1 4-1 一个实现动画的基础函数

2017-02-18

倾城一笑stu

Uncaught TypeError: Cannot read property 'length' of undefined
原因是得到的num值是大于9的，超出了数组的范围，为什么会大于9呢？因为我们要做的倒计时时分秒都是两位数的，所以要控制在四天之内(100/24=4)，不然num值会大于9。
解决办法：将endTime设置为四天以内的时间，假如现在是2017.2.18，那么就应该设置为var endTime = new Date(2017,1,22,18,47,52); 之所以是1，是因为0对应1,1对应2。

6 3-3 倒计时的时间计算

2017-02-18

夜月见黑

我自己写了一下在chrome下可以看到，但是在firefox里只有个canvas的边框

0 2-2 绘制直线、多边形和七巧板

2017-02-17

inRush

想用splice就这样写吧
while (cnt != balls.length) {
if (balls[cnt].x + RADIUS < 0 || balls[cnt].x - RADIUS > WINDOW_WIDTH) {
balls.splice(cnt, 1);
} else {
cnt++;
}
}

4 5-1 性能优化

2017-02-16

inRush

你们不能更新时间的有可能是因为在update里加了curShowTimeSeconds=getShowTimeSeconds()这句话

1 4-1 一个实现动画的基础函数

2017-02-16

inRush

老师用nextShowTimeSeconds原因应该是在更新时间之前要干一些事情，要是不控制，直接用定时器来更新curShowTimeSeconds的话，不能确保在更新时间之前把需要做的事情做完

2 4-1 一个实现动画的基础函数

2017-02-16

inRush

其实可以用for循环来绘制这个时钟的，我尝试了一下，和老师的效果是一样的，代码在这儿
http://www.imooc.com/article/16393

3 3-2 倒计时数字钟的具体绘制

2017-02-16

inRush

楼下，for循环不加花括号，是会执行第一个语句块的，这是基本的常识
这节课的知识点，老师也说的很清楚明了了我觉得，要是听不懂的，建议还是去把基础只是都学好再来吧

1 3-1 倒计时程序的基本架构

2017-02-15

inRush

http://www.imooc.com/article/16390
动态设置七巧板的数组，只要设置好宽高，再加上老师的canvas代码绘制，就能在网页上随意绘制任意宽高的七巧板，上面的数组的地址

2 2-2 绘制直线、多边形和七巧板

2017-02-15

首页上一页 37 38 39 40 41 42 43 下一页尾页

开始学习

课程须知: 1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识

老师告诉你能学到什么？: 通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

热搜

最近搜索清空