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
