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

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

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

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

用户1151393

addBalls（）出问题了，一个Math.Random() 弄成了Math.Randow(),检查了好久。

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

2016-07-26

qq_无邪_1

好历害的老师

0 2-1 创建canvas

2016-07-26

qq_Newstyle_0

想当年干美工的时候，这些都是研究用PS怎么做，现在却用代码实现这些功能了，突然感觉H5很强大

0 5-8 综合介绍

2016-07-26

qq_Newstyle_0

天呢，我从来都没有这个点工作过，估计让我熬到这个点，我会睡着的

0 5-5 修改为炫丽的时钟效果

2016-07-26

qq_Newstyle_0

老师这个需要HTML标签上也得加上style="height:100%"才行，要不然会显示一半，经常用CSS的都知道，BODY 想高度100%，外标签HTML也得设置100%

9 5-2 屏幕自适应

2016-07-26

用户1151393

老师不喜欢写冒号结尾

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

2016-07-26

qq_Newstyle_0

好厉害啊，高中物理真没白学，一听就懂啦

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

2016-07-26

qq_风声雨梦_03480906

太棒啦。老师讲到真好！

0 5-8 综合介绍

2016-07-25

明明狠爱X

背景音乐真的好听，求歌名老师

0 1-1 欢迎进入Canvas的世界！

2016-07-24

fel

要很仔细，经常会少些一个字母然后运行不出来，，

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

2016-07-23

qq_Newstyle_0

很多同学出错了，老师说的一句话很重要，估计是同学们没注意听，老师这个时间的计算小时目前是按两位数字计算的，如果小时多于两位数，肯定出错，结果页面空白，啦啦啦

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

2016-07-22

_This

bang bang bang 到这为止效果都出来了，重新理了一下数据结构中的数组章节的知识

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

2016-07-22

名字太短感觉不爽

window.onload = setInterval(function(){
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

//设置画布的分辨率
canvas.width = WINDOW_WIDTH;
canvas.height = WINDOW_HEIGHT;

curShowTimeSeconds = getCurrentShowTimeSeconds();
render(context);
},1000);

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

2016-07-21

慕数据2177041

WINDOW_WIDTH = document.documentElement.clientWidth
|| document.body.clientWidth;;
WINDOW_HEIGHT =document.documentElement.clientHeight
|| document.body.clientHeight;
<style>
*{margin: 0;padding: 0;}
body,canvas {width: 100%; height:100%;}
</style>
老师的源码只出现一半，自己改了下，显示正常

4 5-2 屏幕自适应

2016-07-21

慕粉3157081

老师讲的非常的到位，思路也很清晰。虽然canvas绘制不是自己的主方向，但是依然觉得非常好玩。点赞点赞点赞点赞点赞点赞点赞点赞

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

2016-07-21

首页上一页 44 45 46 47 48 49 50 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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