Html5 tutorial call the drawing api draw a simple circular code sharing

Comments: Html5 draws simple circular code sharing. For more information, see.

The Code is as follows:
<! DOCTYPE html> <Meta charset = UTF-8>
<Title> HTML5 circle </title>
<Script src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script"> http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </script </a>
</Head>
<Script>
$ (Document). ready (function (){
Var c = document. getElementById ("drawbox ");
Var draw = c. getContext ("2d"); // get the reference of 2d content, call the drawing API </p> <p> draw. fillStyle = "red"; // color
Draw. beginPath (); // redraw
Draw. arc (50, 50, 50, 0, Math. PI * 2, true); // center x coordinate | center y coordinate | diameter | START | PI is the circumference rate, Math. PI * 2 indicates circular drawing. | true indicates the clockwise direction. The value 0 indicates clockwise,
Draw. closePath (); // end
Draw. fill ();
})
</Script>
</Body>
<Canvas id = "drawbox" width = "500" height = "500"> </canvas>
</Body>
</Html>