问题产生
在学习context给画布画图像的时候发现使用Firefox浏览器可以正常显示图像,而chrome则不行,经百度后知道是因为chrome浏览器会先加载javascript代码,之后才加载图片,这样就造成了我是用drawImage的时候那个图片并没有加载出来。
解决办法
把画图片到canvas的代码放在在image对象上onload事件中,就像这样
image.onload = function(){
context.drawImage(image, 0, 0, 750, 500, 0, 0, canvas.width, canvas.height);
};
这样做的原因是确保当image载入浏览器中之后才使用drawImage