Web前端知识

首页 > 免费 > Web前端知识 >

使用canvas的问题-浏览器支持canvas情况

来源:北京汇仁智杰科技有限公司   时间:2015-11-20   点击:

  html5有一个新的标签"canvas",顾名思义就是画布,做来作图,其中要在canvas上画图,都要经过JavaScript来完成。

  很明显的现代浏览器都支持canvas,只有万恶的IE6还是无法使用,同时IE7以上需要特殊的js库支持。

  要IE6支持canvas,首先要浏览器知道有这个标签。

  也就是document.createElement('canvas');

  然后写css,让这个新建的标签有基本的样式

  canvas{ display:block;}

  到这一步,canvas就能在IE6下作为一个合法的标签使用了。

  然后就是要在canvas上绘画,

  在IE中,这里指是IE678,不止是IE6,要想现代浏览器那样绘画,必须先引入一个js库

  文件如下,

  excanvas.js

  这是google上面的excanvas.js,你也可以百度一下,也能找到。

  下载完文件,在页面引入文件的时候,必须要放在头部。也就是<head></head>中。

  有一点需要注意的是,即使你已经引入了这个库,并不代表你就可以立即使用,如现代浏览器那样,在IE中必须要等到页面全部渲染完这个库才能生效。

  在IE中会报错,错误是是getContext()未定义。

  正如我所说的,excanvas.js要整个页面渲染完了才会生效的。

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰