Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像未显示在画布元素上_Javascript_Image_Html_Canvas_Html5 Canvas - Fatal编程技术网

Javascript 图像未显示在画布元素上

Javascript 图像未显示在画布元素上,javascript,image,html,canvas,html5-canvas,Javascript,Image,Html,Canvas,Html5 Canvas,所以,我一直在尝试用我的游戏引擎制作一个滚动射击的例子,我遇到了一些奇怪的事情。我试图画的某个图像没有出现。它出现在Chrome的资源中,所以这不是路径问题。我尝试显示的所有其他图像也会显示出来。如果有人能帮助我,我将不胜感激 链接供参考: 图纸代码: ctx.save(); if (this.sprite != ""){ ctx.translate(Math.round(this.x-ds_view.x), Math.round(this.y-ds_v

所以,我一直在尝试用我的游戏引擎制作一个滚动射击的例子,我遇到了一些奇怪的事情。我试图画的某个图像没有出现。它出现在Chrome的资源中,所以这不是路径问题。我尝试显示的所有其他图像也会显示出来。如果有人能帮助我,我将不胜感激

链接供参考:

图纸代码:

ctx.save();
        if (this.sprite != ""){
            ctx.translate(Math.round(this.x-ds_view.x), Math.round(this.y-ds_view.y));
            ctx.scale(this.scaleX,this.scaleY);
            ctx.rotate(this.rotateZ);
            ctx.translate(-this.width/2,-this.height/2);
            ctx.drawImage(this.sprite, this.width*this.sprite_index, 0, this.width, this.height, 0, 0, this.width, this.height);
        }
        ctx.restore();
我过去设置的代码:

enemy.setSprite("images/ship.png",1,4,10);
编辑

所以,是的,我走得太远了

ctx.drawImage(this.sprite, this.width*this.sprite_index, 0, this.width, this.height);
翻译导致了您的问题。我改变了上面的线,实际上可以看到船的图纸。这不是最完整的答案,但希望它能让你走上正轨


查看开发人员控制台错误日志,查看您收到的错误。尝试其他图像,以便排除代码问题。如果另一个图像正常工作,您知道该图像存在问题,您可以尝试重新创建/保存该图像。但该图像显示在chrome的参考资料中。。。还有其他我尝试拍摄的照片。你确定吗?图片ship.png完美地显示在chrome的资源中,尽管它没有出现在画布上…@pandavenger不,我很抱歉我离开了。看看我编辑过的答案。无耻的插头,我如何处理我的绘图,和一个类似的游戏使用引擎。哦,我明白了。。。我一定是从真实的图像中画出来的。。。当你指出我的问题时,我找到了一个帮助我的链接。谢谢隐马尔可夫模型。。。这很奇怪,我肯定我的剧本是正确的。。。其他一切都表现得很好。。。这只是一个图像=(