下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:用脑袋行走的人     来源: https://www.cnblogs.com/planetwithpig/p/11498209.html点击数:1632发布时间: 2020-03-04 19:35:56

标签: Javascriptchromecanvas

Web开发

  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也会通知被列入的网站,以避免网站持有者本身不知道网站存有恶意软件。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程