canvas學習小記

canvas是一個標籤，通過獲得其本身，可以繪製出想要的圖形。
canvas重要的是畫筆，是一個對象，提供了很多繪圖的方法，需要注意的是畫筆如果不使用beginPath方法就不會擡筆。
fill方法其實是有參數的，不過一般用不到而已
弧度和角度（2*Math.PI 是360°），此外Math對象也是使用的弧度
清除畫布（canvas.width = canvas.width ||clearRect(0,0,x,y)）
也可以不清除畫布，在用其他顏色覆蓋即可
寫文字fillText，此刻的Chrome是以左下爲起始點計算
繪製比例或動圖注意起始點位置，下面一個圓環填充示例

//外圈100，內圈80，（300,300）
pen.moveTo(400,300)
pen.arc(300,300,100,0,Math.PI*2,true)
pen.lineTo(380,300);
pen.arc(300,300,80,0,Math.PI*2,false)
pen.lineTo(400,300);
pen.stroke();
pen.fill();//默認的填充參數