Canvas isPointInPath() Method

Example

Draw a rectangle if the point 20, 50 is in the current path:

JavaScript:

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.rect(20, 20, 150, 100);
if (ctx.isPointInPath(20, 50)) {
ctx.stroke();
};

Try it Yourself »

Description

The isPointInPath() method returns true if the specified point is in the current path, otherwise false.

JavaScript syntax:	context.isPointInPath(x, y);

Parameter Values

Param	Description
x	The x-coordinate to test
y	The y-coordinate to test

Browser Support

The <canvas> element is an HTML5 standard (2014).

isPointInPath() is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11

❮ Canvas Reference