IE下canvas使用问题归集

最新推荐文章于 2022-06-22 14:11:47 发布

foamflower

最新推荐文章于 2022-06-22 14:11:47 发布

阅读量1w

点赞数

分类专栏： Canvas

本文链接：https://blog.csdn.net/foamflower/article/details/8729817

版权

本文汇总了在IE浏览器中使用Canvas遇到的问题及解决方案，包括引入html5shiv、excanvas库以支持Canvas，初始化Canvas对象，处理drawImage方法，模拟fillText和measureText方法，以及针对addEventListener、事件处理、鼠标事件、元素样式等方面进行的IE兼容性调整。

摘要由CSDN通过智能技术生成

1.同一页HTML要兼容低版本IE，需要在HTML header里包括：

2.动态生成的Canvas对象将不支持getContext方法,
要使IE中的Canvas对象支持getContext等方法需要调用excanvas中的G_vmlCanvasManager_.initElement方法,由于最后的
G_vmlCanvasManager = G_vmlCanvasManager_;
使得G_vmlCanvasManager的作用域是当前window,所以在需要初始化Canvas的时候可以采用如下的方法:
var cav = document.createElement("canvas");

if(!cav.getContext) { G_vmlCanvasManager.initElement(cav); }

var ctx = cav.getContext("2d");

....

3.drawImage方法不能用Canvas对象作为第一个参数,

excanvas中的drawImage方法只接受Image对象为第一个参数,为了使其支持Canvas对象的绘