HTML5 Canvas Drawing Pentagram

The canvas elements in HTML5 use JavaScript to draw images on a Web page, and today write about how to draw a pentagram using canvas.

The code is as follows:

HTML code

<canvas id= "MyCanvas" > your browser does not support canvas</canvas>

JavaScript code

<script type= "Text/javascript" >var Canvas=document.getelementbyid ("MyCanvas"); var context=canvas.getContext (' 2d '); Canvas.width=300;canvas.height=300;create5star (context); Context.stroke (); function Create5star (context) { var dx=200;var dy=100;var S=100;context.beginpath (); context.fillstyle= "Red"; var dig=math.pi/5*4;for (var i=0;i<5; i++) {var x=math.sin (i*dig); var y=math.cos (I*dig); Context.lineto (dx+x*s,dy+y*s);} Context.closepath ();} </script>

：

HTML5 Canvas Drawing Pentagram