rect method
Creates a new closed rectangular subpath.
![]() ![]() |
Syntax
object.rect(x, y, w, h);
Parameters
- x [in]
-
Type: number
The x-coordinate, in pixels, of the upper-left corner of the rectangle in relation to the coordinates of the canvas.
- y [in]
-
Type: number
The y-coordinate, in pixels, of the upper-left corner of the rectangle in relation to the coordinates of the canvas.
- w [in]
-
Type: number
The width, in pixels, of the rectangle in relation to the coordinates of the canvas.
- h [in]
-
Type: number
The height, in pixels, of the rectangle in relation to the coordinates of the canvas.
Return value
This method does not return a value.
Standards information
- HTML Canvas 2D Context, Section 9
Remarks
The ICanvasRenderingContext2D::rect method creates a closed path for the rectangle and then starts a new subpath at the point (x, y). You can fill the rectangle by using the ICanvasRenderingContext2D::fillStyle property and the ICanvasRenderingContext2D::fill method.
See also
- ICanvasRenderingContext2D::fillStyle
- ICanvasRenderingContext2D::beginPath
- ICanvasRenderingContext2D::fillRect

