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

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

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 1小时30分
学习人数
综合评分9.70
349人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华

失去焦点后小球还会刷新不会移动，由于没出屏幕，数组一直增加。导致N多小球

已采纳回答 / webfz
5-1 性能优化 (08:46)
1 回答 776 浏览 5-5 修改为炫丽的时钟效果
2016-04-13
lemonda
基本两个晚上 满脑子都是小秋秋~~~~
出了好多bug 都是粗心 扶额
结果现在我的球球！！！！一开始正常弹跳 后来就爆炸了！！！！

跳的很欢托~~~好了打算去上另一个CANVAS课~
0 5-8 综合介绍
2016-04-13

render(context)是怎么获得的我下文里的CXT老是unfunction

已采纳回答 / qq_风下雨_03184506
这是函数传参，render()函数的参数CXT对应上文的render（context）里面的context参数。如果是underfind。可能是你函数名不对，函数名字也应该是render（）；
2 回答 1820 浏览 3-1 倒计时程序的基本架构
2016-04-12

为什么我的效果是当秒数变化时，小时那个位置掉落小球，并且小球没有颜色

已采纳回答 / 爱等待520
<...图片...>看标记
1 回答 912 浏览 4-3 华丽的小球滚动效果
2016-04-12

length属性未定义

已采纳回答 / 前端小学鸡
digit[]这个数组你没正确引入或者数组名出错
2 回答 1984 浏览 3-3 倒计时的时间计算
2016-04-12
MrLw
感谢老师，老师辛苦了！
0 5-7 总结
2016-04-12
lemonda
@@@@!!!不能再酷炫！！！
0 1-1 欢迎进入Canvas的世界！
2016-04-12
戈壁草
老师讲课很有条理，从简到繁，循序渐进，讲得很透，是初学者的好课堂
0 5-8 综合介绍
2016-04-11
慕工程1663413
BGM大赞！！
0 1-1 欢迎进入Canvas的世界！
2016-04-11
慕少6032765
点个赞 啦啦啦
0 1-1 欢迎进入Canvas的世界！
2016-04-11

代码哪里出错了呢？不能出现七巧板

已采纳回答 / xxboom
数组tangram有两行没有逗号，cxt.moveTo写成了cxt.moveTO，for(var i=1;i<picec.p.length;i++)中的piece，cxt.lineTo(piece.p[i].x,piece.p[i],y)中的最后一个点号写成了逗号。全是低级错误
2 回答 1238 浏览 2-2 绘制直线、多边形和七巧板
2016-04-10

上面hours%10是什么样的计算 计时器上的canvas

最新回答 / 大咪
比如你用3除以2，如果在程序中这么写到3%2就是取得余数，在这个程序里，老师讲解的时候hours默认值为12，所以你用hours/10得到的是十位上的数字，用hours%10就是得到12的个位数字，即为2
2 回答 829 浏览 3-2 倒计时数字钟的具体绘制
2016-04-10
鱼飞跃月
妈蛋，我不能忍了，我已经爱上canvas，爱上老师了！老师，嫁我！我要给你生猴子！
61 5-8 综合介绍
2016-04-09
鱼飞跃月
改成时钟的时候前面把时间换算成秒数，后面又把秒数换算成时间，是不是多做了好多无用的运算？
0 5-5 修改为炫丽的时钟效果
2016-04-09
鱼飞跃月
body{
height:100%;
width: 100%;
}
.canvas{
height:100%;
width: 100%;
}
0 5-2 屏幕自适应
2016-04-09

请问为什么老师的WS代码一下就出来一串啊，也没看到复制粘贴的操作啊。。

已采纳回答 / 榎目贵音
后期特效吧
1 回答 589 浏览 4-3 华丽的小球滚动效果
2016-04-09
首页上一页85868788899091下一页尾页
开始学习
课程须知
1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识
老师告诉你能学到什么？
通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消