大部分的浏览器都已经可以很好的支持canvas了,但是还是有些不能支持,比如 IE8 等;
如果我们需要对这些浏览器进行兼容处理,那么首先要检测当前浏览器是否可以支持canvas;
canvas 对象有 getContext 的方法,我们可以利用这个方法进行判断;
第一种,我们先在页面中加上 <canvas >标签,然后获取这个canvas对象,假设为 canvasObj;
判断 canvasObj.getContext 是否为 true , true 即支持,false即不支持;
第二种,我们直接动态创建canvas对象,然后判断 getContext ;
document.createElement('canvasobj').getContext;
和第一种方式一样的处理;
第三种,使用 modernizr.js 进行判断;
if(Modernizr.canvas) {
当前浏览器支持
}else{
当前浏览器不支持
}
如果需要兼容ie8 这种不支持canvas的浏览器,可以尝试使用 excavnas.js ;