1. 程式人生 > >context擴展及canvas的瀏覽器兼容

context擴展及canvas的瀏覽器兼容

tro text 使用方法 can get http 瀏覽器 cti 通過

1、利用 CanvasRenderingContext2D.prototype 對context進行擴展

1 CanvasRenderingContext2D.prototype.drawLine = function(x1,y1,x2,y2){
2     this.moveTo(x1,y1);
3     this.lineTo(x2,y2);
4     this.stroke();
5 }
6 
7 context.drawLine(0,0,100,100)

技術分享圖片

2、在 IE8- 中使用canvas

  通過加載 ExplorerCanvas 第三方庫解決兼容問題

  GitHub 地址:https://github.com/arv/explorercanvas

  使用方法:

  <!--[if lte IE 8]><script type="text/javascript" src="excanvas.js"></script><![endif]-->

context擴展及canvas的瀏覽器兼容