Willie_Jiang
2017-02-24 15:20
var momObj = function() {
this.x;
this.y;
this.bigEye = new Image();
this.bigBody = new Image();
this.bigTail = new Image();
}
momObj.prototype.init = function() {
this.x = canWidth * 0.5;
this.y = canHeight * 0.5;
this.bigEye.src = "/img/bigEye0.png";
this.bigBody.src = "/img/bigSwim0.png";
this.bigTail.src = "/img/bigTail0.png";
}
momObj.prototype.draw = function() {
ctx1.drawImage(this.bigEye, this.x, this.y);
ctx1.drawImage(this.bigBody, this.x, this.y);
ctx1.drawImage(this.bigTail, this.x, this.y);
}
报错如下:mom.js:18 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The HTMLImageElement provided is in the 'broken' state.
this.bigEye.src = "/img/bigEye0.png";
this.bigBody.src = "/img/bigSwim0.png";
this.bigTail.src = "/img/bigTail0.png";
这个好像有问题,少
加了. 吧
你改成这样试试看
this.bigEye.src = "./img/bigEye0.png";
this.bigBody.src = "./img/bigSwim0.png";
this.bigTail.src = "./img/bigTail0.png";
看到下面的回答是把ctx1改成ctx2就可以了
我试过了
HTML5小游戏---爱心鱼(上)
92350 学习 · 551 问题
相似问题