HTML5 draw a rectangle in the canvas with an effect map _ html5 tutorial skills-

You can use the rectangle drawing function of the drawing environment to draw a rectangle fillRect to draw a solid rectangle, strokeRect to draw a hollow rectangle, and clearRect to clear the specified rectangular area to make it completely transparent, the sample code is as follows: 1. Draw a rectangle

Canvas uses the coordinate system of the origin () in the upper left corner. The x coordinates increase to the right, and the y coordinates increase downward.

Use the rectangle drawing function of the drawing environment to draw a rectangle.

FillRect (x, y, width, height): draws a solid rectangle.
StrokeRect (x, y, width, height): draws a hollow rectangle.
ClearRect (x, y, width, height): clears the specified rectangular area to make it completely transparent.

2. Draw a rectangle in the canvas

The Code is as follows:

HTML5