HTML canvas isPointInPath() 方法

定义和用法

isPointInPath() 方法返回 true,如果指定的点位于当前路径中;否则返回 false

实例

绘制一个矩形,如果点 20,50 位于当前路径中:

您的浏览器不支持HTML5 canvas标签。

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

Syntax

context.isPointInPath(x,y);

Parameter Value

Parameter Description
x Tested x-coordinate
y Tested y-coordinate

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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