问答详情
源自：2-7 大鱼绘制

跟着老师的代码敲的，也引用到了main中了，为什么大鱼出不来，求教了！

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.


提问者：Willie_Jiang 2017-02-24 15:20

个回答

  • DuoiLONG
    2017-02-25 19:03:13
    已采纳

    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";


    0
  • 慕移动9181930
    2022-03-26 20:44:39

    同学您好，对的，就是您这种写法就能将下标和值同时取出来了！你可以参考一下“不会了怎么办”里面的参考代码

    0
  • 慕粉185119458
    2017-02-28 17:38:36

    看到下面的回答是把ctx1改成ctx2就可以了

    我试过了

    0