Canvas of html5 -- draw simple rectangle and triangle instance code _ html5 tutorial skills-

There are two forms: fill and stroke. The specific implementation code is as follows. For more information, see, I hope this will help you to put a canvas element on the html page. The canvas Element should have three attributes: ID, width, and height.

The Code is as follows:

Get the canvas object and obtain the context var cxt = document. getElementById ('Demo'). getContext ("2d"). The parameter 2d is determined.

You can start to draw a graph in either of the following two forms: fill and stroke ).

Javascript code:

The Code is as follows: