SOURCE

/*
n:通常为基数，绘制星星
dx，dy：控制N角星的位置
size：控制N角星的大小
*/
function createStar(context,n,dx,dy,size){
  context.beginPath();
  var dig=Math.PI/n*4;
  context.moveTo(dx,size+dy);
  for(var i=0;i<=n;i++){
    var x=Math.sin(i*dig);
    var y=Math.cos(i*dig);
    context.lineTo(x*size+dy,y*size+dy);
  }
  
  context.closePath();
}
var colorBg=['#000','#F33']
var canvas=document.getElementById('mc');
var ctx=canvas.getContext("2d");
// createStar(ctx,5,160,60,50);
// ctx.fillStyle='#0f0';
// ctx.fill();
ctx.rotate(-36*Math.PI/180);
createStar(ctx,5,0,160,30);
ctx.fillStyle=colorBg[0];
ctx.fill();

<canvas id="mc">