本节书摘来自异步社区《HTML5 canvas开发详解（第2版）》一书中的第2章，第2.12节,作者： 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.12　检查一个点是否在当前路径

使用Canvas的isPointInPath()函数，可以方便地检测一个点是否是在当前路径中，代码如下：

context.strokeStyle = "red";context.lineWidth=5;context.moveTo(0, 0);context.lineTo(50, 0);context.lineTo(50,50);context.stroke();var isPoint1InPath1=context.isPointInPath(0, 0);var isPoint1InPath2=context.isPointInPath(10, 10);console.log("isPoint1InPath1=" + isPoint1InPath1);console.log("isPoint1InPath2=" + isPoint1InPath2);context.closePath();

由于第一个点(0,0)在当前路径中，因此控制台会输出true。由于第二个点(10,10)不在路径中，因此控制台会输出false。

提示