H5高级 利用canvas 画布画图

画五角星

<canvas id="can" width="800" height="600" style="border:solid red"></canvas>

     //获取画布
      var can = document.getElementById("can");
        if (can.getContext) {
   
            var ctx = can.getContext("2d");
            ctx.linWidth = 10;
            ctx.lineJoin = "round";
            //颜色
            ctx.fillStyle = "red";
           //起点
           draw(100,100)    
        }
        //封装方法
        function draw(x, y) {
   
            ctx.beginPath();
            ctx.moveTo(x, y);
            ctx.lineTo(x - 10, y + 25);
            ctx.lineTo(x - 36, y + 25);
            ctx.lineTo(x - 13, y + 40);
            ctx.lineTo(x - 25, y + 65);
            ctx.lineTo(x, y + 50);
            ctx.lineTo(x + 25, y + 65);
            ctx.lineTo(x +