canvas_context2.drawImage(background_pic,0,0)
这个是浏览器来处理动画的优化问题,有一些兼容性的问题,
var bgPic = new Image();
少了空格
弄错了,这个才是!
<!DOCTYPE HTML> 改为 <!DOCTYPE THML>
bgPic等于 new Image 你看看其他代码有没有错 实际上这就是一张图片
var now = Date.now();
它不是报的aneObj is not defined ,就是未定义呀,你去定义一个就好了
使用sublime Text3软件编译代码
alert()弹框也不能弹出
getContext()
这个方法需要参数,你这个bug显示的意思是 getContext方法没有足够的参数。
我也不知道老师的方法不带参数为什么没有报错
好像改成这样就可以了
getContext("2d")
bgPic.src = "./src/background.jpg";
上面代码执行后开始加载图片,加载成功需要一点点时间,图片还没完全加载好,就执行了你init里的drawBackground方法,所以无法绘图(把该方法放到setTimeout里延迟一点时间调用你可以看到能绘制图片)
另外,如果你把gameloop里window.requestAnimFrame这行注释掉不重复调用drawBackground画背景的话,也是无法显示图片,
所以,图片显示不显示,和放game或init里没有关系,主要看画图时图片是否已经加载完成,
个人理解,不知道是否正确。
点击资料下载。里面下载就好
小问题,小问题。粗心没注意console.log(loop);,忘了把loop引起来了。
第一种是语法的错误,getContext()是个函数,而context不是,所以不能用。
兄弟 getContext('2d') 这里面要有参数
can1.getContext('2d')
2d绘图
报错因为你用的画布can2而不是画布上下文环境can2.getContext('2d')
getContext('2d')
问题解决了
手机上没有,电脑上可以下载
应该是getContext("2d")吧
getContext("2d")
标点符号的问题,看看前边是不是有括号没有关闭,或者标点符号的全角半角弄错了。
打开浏览器。F12打开开发人员工具
pc 电脑登陆慕课网>> 找到 'Daisy 老师' 的爱心小鱼 教程>> 旁边的 资料下载 。