定義

canvas.getContext('2d');

paint.fillRect(); 填充矩形；

paint.strokeRect(); 輪廓矩形；

paint.lineWidth=1; 線寬

paint.clearRect(); 清除內(nèi)容

繪制三角形

paint.beginPath();          //開始繪制新路徑
paint.moveTo(10,10);        //設(shè)定路徑的起始點(diǎn)
paint.lineTo(50,50);        //設(shè)定路徑的寬高
paint.lineTo(40,20);        //設(shè)定第二條路徑的寬高
paint.closePath();          //閉合路徑
paint.lineCap='round';      //一條線末端為圓角
paint.lineCap='square';     //一條線末端增加一個(gè)正方形
paint.lineJoin='round';     //兩條線的連接處為圓角
paint.lineJoin='miter';     //兩條線的連接處為默認(rèn)
paint.lineJoin='bevel';     //兩條線的連接處為切角
paint.stroke();             //繪制圖形

繪制圓

paint.arc(100,100,100,0,2*Math.PI,false); 順時(shí)針畫圓弧

paint.arc(100,100,100,0,2*Math.PI,true); 逆時(shí)針畫圓弧

paint.stroke();

現(xiàn)行漸變

徑向漸變

paint.createRadiusGrandient(0,0,,50,canvas.width,canvs.height,100)

畫字體

paint.font='20px 宋體';

paint.strokeText();

paint.fillText();

paint.txetAlign='left';

paint.textStyle='red';

window.requestAnimationFrame(); 開啟

與瀏覽器的刷新頻率一樣，功能與set interval一樣，當(dāng)瀏覽器失去焦點(diǎn)（不看瀏覽器的時(shí)候），就不會(huì)運(yùn)行，當(dāng)再次回到瀏覽器是，在此運(yùn)行

window.cancelAnimationFrame(); 停止