<canvas style="border:1px solid #A6E1EC;display: block;width: 800px;height: 800px;"  id="canvas"></canvas>

<script type="text/javascript">

window.onload=function(){

var a=document.getElementById("canvas");

a.width=800;

a.height=800;

var context=a.getContext("2d");

context.beginPath();

for(var i = 0;i < 5;i++)

{

context.lineTo()=(Math.cos((18+i*72)/180*Math.PI)300+400,

-Math.sin((18+i*72)/180*Math.PI)*300+400);

context.lineTo()=(Math.cos((54+i*72)/180*Math.PI)*150+400,

-Math.sin((54+i*72)/180*Math.PI)*150+400);

}

context.closePath();

context.lineWidth=3;

context.strokeStyle="red";

context.stroke();

}

</script>