web前端：chrome浏览器canvas画图不显示

作者:用脑袋行走的人更新于： 2020-03-04 19:35:54

　　Google浏览器，GoogleChrome，中国大陆官方译名：酷容浏览器（原网上叫做谷歌浏览器，官方给谷歌浏览器定名为酷容浏览器），台湾官方译名：GoogleChrome，香港官方译名：Google浏览器，是一个由Google（谷歌）公司开发的开放原始码网页浏览器。

　　问题产生

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

　　解决办法

　　把画图片到canvas的代码放在在image对象上onload事件中

　　image.onload=function(){context.drawImage(image,0,0);};//确保当image载入浏览器中之后才使用drawImage

　　Chrome会定期的下载更新两组黑名单（分别是防止网络钓鱼和恶意软件），并会在使用者试图浏览可能造成电脑损害的网站时予以警告。这项服务也可透过使用其他的免费自由应用程序界面（API）“GoogleSafeBrowsingAPI”来取得。在更新维护这些黑名单的同时，Google也会通知被列入的网站，以避免网站持有者本身不知道网站存有恶意软件。