方仗
2017-04-15 21:35
这是因为啥啊???求教"Uncaught InvalidStateError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state."
var can1;
var can2;
var ctx1;
var ctx2;
var canWidth;
var canHeight;
var lastTime;
var deltaTime;
var bgPic = new Image();
document.body.onload = game;
function game()
{
init();
lastTime = Date.now();
deltaTime = 0;
gameloop();
}
function init()
{
//获得canvas can text
can1 = document.getElementById("canvas1");
ctx1 = can1.getContext('2d');
can2 = document.getElementById("canvas2");
ctx2 = can2.getContext('2d');
bgPic.src = "./src/background.jpg";
canWidth = can1.width;
canHeight = can1.height;
}
function gameloop()
{
window.requestAnimationFrame(gameloop);
var now = Date.now();
deltaTime=now - lastTime;
lastTime = now;
drawBackground();
}
ctx1.drawImage(img,100,100)调用该方法时img元素未获取
解决方法:
html页面添加<img id='imgS' src="">标签
添加img= document.getElementById("imgS")获取图片语句;
HTML5小游戏---爱心鱼(上)
92344 学习 · 579 问题
相似问题