支持的最好的浏览器依然是FireFox,Chrome等非IE的浏览器,在本文的这个例子中,也兼顾了对IE浏览器的支持,使用的是一个开源的JS文件,其中提供了一些对canvas的基本支持脚本(在附件下载中包含了该脚本,名称为excanvas.js --[if IE]><script type="text/javascript" src="<em>excanvas</em>.js"></script><! 然后利用excanvas.js这个专门为IE扩展的canvas元素包中提供的处理方法initElement进行相应的判断处理,即: if(typeof G_vmlCanvasManager !
还能根据浏览器特性做到按需加载(根据浏览器特性来加载polyfill): Modernizr.load({ test: Modernizr.canvas, //yep: '', nope: 'excanvas.js ', //both: '' }); 上面代码就是当浏览器不支持canvas的话,就加在excanvas.js脚本,从而在低版本的IE中也能实现canvas。
--[if lte IE 8]> <script src="js/<em>excanvas</em>.min.js" type="text/javascript"></script> <link href
在 IE 下,借助 excanvas 可以在 VML 下得到一样的效果。
Srcipt标签引入echarts后将可以直接使用两个全局的命名空间:echarts,zrender,可参考ECharts标签式引入,需要注意的是excanvas依赖body标签插入Canvas节点去判断
img │ │ body-bg.png │ │ headshot.jpg │ │ │ └─js │ │ bootstrap.js │ │ excanvas.min.js
参见:http://excanvas.sourceforge.net/。
--[if lte IE 8]> <script src="assets/js/<em>excanvas</em>.min.js"></script> <!
-- [if IE]> <script src="<em>excanvas</em>"> </script> <!
Content/assets/global/plugins/respond.min.js"></script> <script src="~/Content/assets/global/plugins/<em>excanvas</em>.min.js
--[if lte IE 8]> 273 <script src="resource/assets/js/<em>excanvas</em>.min.js"></script> 274