自下载最新版本的chrome（版本31.0.1650.57）以来，我完全无法使用我的代码在HTML5 Canvas中绘制图像；没有错误，它正在查找资源，而只是没有在画图。我真的很感谢您的帮助！
var grass_img = new Image();
grass_img.src = 'grass.gif';
grass_img.onload = draw_here(grass_img, (center_x + base_x + xpos), (center_y + base_y + ypos),1);
它在几个不同的图像和调用上出现在这里和那里：
function draw_here(image, x, y, scale){
draw_canv.drawImage(image, x, y, image.width * scale, image.height * scale);
}
X和Y是正确的，比例也是正确的；调试器不会发现任何编码错误，并且该程序可以完美运行，直到最新版本的chrome出来为止。降级chrome也不是一种选择。
我解决了问题。如果您在每一帧迭代中声明图像，似乎最新版本的Chrome不喜欢它。（以前似乎允许这样做，但是我真的不应该这样做。）如果在任何函数之外的js顶部声明图像和它们的源，并且只在函数中绘制它们，那么问题就出在这里。解决，例如：
var image = new Image();
image.src='image.jpg';
someFunction() {
canvas.drawImage(image,0,0);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句