HTML5 Dash, draw a circle

Dash Canvas

<script type= "Text/javascript" >

var C=document.getelementbyid ("MyCanvas");
var Cxt=c.getcontext ("2d");
Cxt.moveto (10,10);
Cxt.lineto (150,50);
Cxt.lineto (10,50);
Cxt.stroke ();

</script>

Draw Round Canvas

<script type= "Text/javascript" >
var C=document.getelementbyid ("MyCanvas");
var Cxt=c.getcontext ("2d");
Cxt.fillstyle= "#FF0000";
Cxt.beginpath ();
Cxt.arc (70,18,15,0,math.pi*2,true);
Cxt.closepath ();
Cxt.fill ();

</script>

Gradient

<script type= "Text/javascript" >

var C=document.getelementbyid ("MyCanvas");
var Cxt=c.getcontext ("2d");
var grd=cxt.createlineargradient (0,0,175,50);
Grd.addcolorstop (0, "#FF0000");
Grd.addcolorstop (1, "#00FF00");
CXT.FILLSTYLE=GRD;
Cxt.fillrect (0,0,175,50);

</script>

Image

<script type= "Text/javascript" >

var C=document.getelementbyid ("MyCanvas");
var Cxt=c.getcontext ("2d");
var img=new Image ()
Img.src= "Flower.png"
Cxt.drawimage (img,0,0);

</script>

HTML5 Dash, draw a circle