HTML5 canvas - draw simple rectangles and triangles example code_html5 tutorial skills

First, place a canvas element in the html page, where the canvas element should have three attributes: ID, width, and height.

Copy code

The code is as follows:

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

Start drawing. There are two forms, one is fill and the other is stroke.

javascript code:

Copy code

The code is as follows:

Rendering: