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

最赞回答 / Fewq
 <canvas id="myCanvas" style="border:10px solid: #aaa display:block;margin:50px auto;">   您所使用的浏览器不支持canvas,请使用支持canvas的浏览器 </canvas>样式写错了,border:10px solid #aaa;

最新回答 / 慕姐0689827
根据你的context变量所在的域起作用,也可以定义成全局的,就不用传参了

最赞回答 / xiaomiesmile
你可以监听window的resize事件,如果改变,重新绘制~

最赞回答 / 弱水三千只取一瓢
谢谢,你的回答完美的解决了我的问题

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

最新回答 / 哦哦哒
这个应该是每个浏览器对setInterval的一个优化吧,当离开浏览器窗口的时候会默认暂停动画效果以节约系统资源诸如内存,CPU,然后再回来的时候会对已经运行的动画效果运用JS计算达到没有好像没离开过一样,但是由于离开的这段时间其实这个Demo依然在做一些事情,所以就发生了这个bug,大概是这样,具体原因可以百度一下浏览器对setInterval的处理相关方面的知识

最新回答 / l1uyub0b0b0
这样从数组中移除小球是有bug的,仔细想想看:)

最赞回答 / l1uyub0b0b0
确实想讲,但是不知道受众多不多?

最赞回答 / 小学生_ping
不是的,可以写在head里。只是脚本都放在</body>标记之前,就可以让页面变得更快,这样,即使在加载脚本时,window对象的load事件依然可以执行对文档的各种操作。
课程须知
1.要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解;3.掌握一定的JS基础知识
老师告诉你能学到什么?
通过学习Cancas倒计时效果的基础知识:比如球形的绘制,动画的基础原理,让Canvas帮助我们制作出绚丽的效果,力图每一个课程除了介绍知识,还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消