clip - method of the CanvasCtx object

Description:

The method demarcates the drawn shape (path). Additional drawing will be displayed only inside the defined shape.

All graphic outside the shape will not be dispayed.

Syntax:

Object clip()

Note:

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.fillStyle = "blue";
ctx.beginPath();
ctx.rect(40, 40, 360, 220);
ctx.fill();
ctx.clip();

ctx.strokeStyle = "#000000";
ctx.lineWidth = 5;
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(400, 300);
ctx.stroke();