Latest web development tutorials
 

HTML canvas isPointInPath() Method

< Canvas Object

Example

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

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
if (ctx.isPointInPath(20,50))
   {
   ctx.stroke();
   };
Try it Yourself »

Browser Support

The numbers in the table specify the first browser version that fully supports the method.

Method
isPointInPath() 4.0 9.0 3.6 4.0 10.1

Definition and Usage

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

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

Parameter Values

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

< Canvas Object