THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML canvas isPointInPath() Method

HTML canvas Reference HTML Canvas Reference

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

Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the isPointInPath() method.

Note: Internet Explorer 8 and earlier versions, do not support the <canvas> element.


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

HTML canvas Reference HTML Canvas Reference