Canvas-五角星

/* 創建五角星路徑 */

function create5Star(context){

     var l = 100; // 邊長

     context.beginPath();
     context.moveTo(0, -l);
     context.lineTo(-Math.sin(dta(36))*l, Math.cos(dta(36))*l);
     context.lineTo(Math.cos(dta(18))*l, -Math.sin(dta(18))*l);
     context.lineTo(-Math.cos(dta(18))*l, -Math.sin(dta(18))*l);
     context.lineTo(Math.sin(dta(36))*l, Math.cos(dta(36))*l);
     context.lineTo(0, -l);
     context.closePath();
}

/* 將角度轉換成弧度 */

function dta(angle){

     return angle*Math.PI/180;

}