rect - method of the CanvasCtx object
Description:
Creates a rectangle.
Syntax:
Object rect(Long x, Long y, Long width, Long height)
Parameters:
| x | (Long) The x-coordinate of the left upper corner of the rectangle |
|---|
| y | (Long) The y-coordinate of the left upper corner of the rectangle |
|---|
| width | (Long) The rectangle width (in pixels). |
|---|
| height | (Long) The rectangle height (in pixels). |
|---|
Note:
The method creates a path. Therefore before calling this method the
beginPath method should be called. For the rendering itself the
stroke or
fill method is used.
This method is also functional in
Web panels.
Example:
The
ctx variable represents the drawing canvas (
CanvasCtx). The setup is done on the "
Draw" tab at the beginning of the script of drawing event
onDraw as follows:
var ctx =
pEvent.
GetCtx(1);
JavaScriptSelect and copy to clipboard
ctx.beginPath();
ctx.lineWidth = 10;
ctx.strokeStyle = "blue";
ctx.rect(50, 50, 150, 80);
ctx.stroke();