为了账号安全,请及时绑定邮箱和手机立即绑定

canvas实现星星闪烁特效

难度中级
时长 1小时15分
学习人数
综合评分9.53
70人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.4 逻辑清晰

最新回答 / 李晓健
因为第次循环里都进行了一次清屏操作呀,如果只是一开始绘制一次后面清除了就没有了。

最新回答 / 一大批攻城狮正在靠近
setTimeout不是循环调用,而是延迟调用,循环调用时setInterval

最新回答 / 晴天沁梦
那你应该是没有改ctx.drawImage(girlPic, 100, 150, 600, 300);这行的代码

最新回答 / 化龙贝
http://www.imooc.com/learn/277 课程地址

最新回答 / Perona
可以哒。老师用的是sublime text 

最赞回答 / 慕虎7188715
if(this.picNo >= 7){    this.picNo=0;}之前是这样来判断picNo的,取得picNo值为0到6,现在换为picNo%7,即得到是picNo除以7后的余数,它们的余数也是0到6,这样就达到了我们的目的——取0到6的数(图片有7个小星星)。timer的累加是为了延长绘制下一个星星与上一个星星的时间间隔,即上一个星星绘制完,过50s再绘制下一个星星
课程须知
1、具有HTML、CSS基础知识 2、具有JavaScript基础知识(函数、类、对象) 3、具有一些Canvas基础(画线、弧线、圆)
老师告诉你能学到什么?
1、如何轮播一张图片上的序列帧 2、canvas的几个主要绘图API:drawImage()、save()、restore()。 3、如何处理鼠标事件 4、如何化繁为简的做项目

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消