检测当前浏览器是否支持canvas的处理

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cvper/article/details/87257703

大部分的浏览器都已经可以很好的支持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 ；