Javascript 画布drawImage,可在小提琴上使用,但不能在镀铬上使用

Javascript 画布drawImage,可在小提琴上使用,但不能在镀铬上使用,javascript,canvas,drawimage,Javascript,Canvas,Drawimage,因此,我正在编写一个脚本来打印一些瓷砖,到目前为止,它应该只在左上角绘制一个瓷砖。它在我下面链接的JSFIDLE中运行良好,但在chrome中则不行 如果我进入chrome控制台并键入initalRoom.tileGrid[1].tileImage.drawClipped(0,0,32,32,0,0)它提供所需的结果,其中平铺显示在左上角,但文档准备就绪时已调用此命令 有人能帮忙吗?谢谢 我去年参加了一门JS课程,我发现chrome在画布上落后于其他浏览器,比如FireFox,试试FireFox

因此,我正在编写一个脚本来打印一些瓷砖,到目前为止,它应该只在左上角绘制一个瓷砖。它在我下面链接的JSFIDLE中运行良好,但在chrome中则不行

如果我进入chrome控制台并键入
initalRoom.tileGrid[1].tileImage.drawClipped(0,0,32,32,0,0)它提供所需的结果,其中平铺显示在左上角,但文档准备就绪时已调用此命令

有人能帮忙吗?谢谢


我去年参加了一门JS课程,我发现chrome在画布上落后于其他浏览器,比如FireFox,试试FireFox,看看你的代码是否有效。

是的,FireFox有效。但还是有点烦人。你知道如何在chrome上运行吗?Dam有一个答案就要发布了。chrome没有什么问题,你只是在尝试绘制之前没有等待图像加载。@Blindman67如果你认为你可以改进这一过程,我们将其作为一个社区wiki(包括问答),目的是:-)@kaido不是同一个问题。这只是等待图像加载的一个简单故障,但肯定有许多问题已经得到了解决。请使用
image.onload
等待图像加载,然后再尝试绘制图像。