当前位置: 移动技术网 > IT编程>开发语言>JavaScript > chrome浏览器canvas画图不显示

chrome浏览器canvas画图不显示

2019年09月10日  | 移动技术网IT编程  | 我要评论
问题产生在学习cabvas给画布画图像的时候发现使用IE edge浏览器可以正常显示图像,而chrome则不行,经百度后知道是因为chrome浏览器会先加载javascript代码,之后才加载图片,这样就造成了我是用drawImage的时候那个图片并没有加载出来。解决办法把画图片到canvas的代码 ...

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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网