【坑】在chrome浏览器中不能显示用context.drawImage画出的图

问题产生

在学习context给画布画图像的时候发现使用Firefox浏览器可以正常显示图像，而chrome则不行，经百度后知道是因为chrome浏览器会先加载JavaScript代码，之后才加载图片，这样就造成了我是用drawImage的时候那个图片并没有加载出来。

解决办法

把画图片到canvas的代码放在在image对象上onload事件中，就像这样

[javascript]  view plain  copy

 print ?

1. image.onload = function(){  
2.     context.drawImage(image, 0, 0, 750, 500, 0, 0, canvas.width, canvas.height);          
3. };  

这样做的原因是确保当image载入浏览器中之后才使用drawImage

补充一点：懒人办法，不要在google里面刷新，在地址栏按一下回车，图片也会出来~~

原文地址：http://blog.csdn.net/u010513756/article/details/47376521