Share the code of drawing a rectangle in the html5 tutorial

Comments: Html5 can be painted in many shapes. Below is a rectangular code sharing. For more information, see.

The Code is as follows:
<! DOCTYPE html> <Meta charset = UTF-8>
<Title> draw a rectangle in HTML5 </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"); // gets the reference of 2d content and calls the drawing API.
Draw. fillStyle = "# ff0000"; // Method 1: Specify the fill color
Draw. fillRect (300,100,); // coordinates and length and width
Draw. fillStyle = "rgba (255, 0.5,)"; // method 2 rgb + transparency
Draw. fillRect (100,100, 0,); // coordinates and length and width
})
</Script>
</Body>
<Canvas id = "drawbox" width = "500" height = "500"> </canvas>
</Body>
</Html>