canvas學習

繪製路徑
先獲取canvas對象：

var canvas = document.getElementById('canvas');
if (canvas.getContext){
     var ctx = canvas.getContext('2d');
     //進行繪畫操作
 }

• ctx.beginPath()開始畫路徑
• ctx.arc(x座標，y座標，半徑，開始弧度，結束弧度，true爲逆時針(can參數可選）)
• ctx.moveTo(x,y)切換到下一個落筆的地點，如果沒有這句將會使連在一起。
  圓弧繪製方法

arc(x, y, radius, startAngle, endAngle, anticlockwise)
畫一個以（x,y）爲圓心的以radius爲半徑的圓弧（圓），從startAngle開始到endAngle結束，按照anticlockwise給定的方向（默認爲順時針）來生成。
arcTo(x1, y1, x2, y2, radius)
根據給定的控制點和半徑畫一段圓弧，再以直線連接兩個控制點。