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

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

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

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

_爱健身的码农_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

慕仔4432925

这一课开始一脸懵逼了

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

2017-01-22

阿古斯LM

学好数理化，走遍天下都不怕..

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

2017-01-21

单双眼皮

countdown5-1程序还有一个小bug，width和height不成比例，index.html中<body style="height:100%;width:100%">
<canvas id="canvas" style="height:100%;width:100%"">，其中加上width:100%就行了

0 5-4 计时器效果

2017-01-21

YshuuuJ

老师讲的很好啊，谢谢老师啦

0 5-8 综合介绍

2017-01-20

生子当如哈士奇

如果有学过硬件的同学（特别是显示屏），所有字体都可以用软件来生成这种点阵。

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

2017-01-20

刘忠哲同学

这节课讲的什么玩意儿啊

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

2017-01-19

路飞和小黑

老师么么哒,我开始学习了！

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

2017-01-16

Nalvy

非常有逻辑给老师点赞

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

2017-01-11

Nalvy

function draw(piece,ctx){
ctx.beginPath();
ctx.moveTo(piece.p[0].x,piece.p[0].y);
for(var i = 0; i < piece.p.length; i++){
ctx.lineTo(piece.p[i].x,piece.p[i].y);
}
ctx.closePath();
ctx.fillStyle = piece.color;
ctx.fill();
}

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

2017-01-10

郭儿0917

七巧板的地址：https://github.com/gzyq/html5-canvas/tree/master/canvas-demo-1；自己加了个升级版蜡烛的

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

2017-01-10

首页上一页 24 25 26 27 28 29 30 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

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