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;

}