HTML canvas isPointInPath() 方法

示例

如果点 20,50 在当前路径中，则绘制一个矩形：

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
if (ctx.isPointInPath(20, 50)) {
  ctx.stroke();
};
</script>

JavaScript:

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

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。

方法 Method
`isPointInPath()`	Yes	9.0	Yes	Yes	Yes

定义和用法

如果指定点在当前路径中，isPointInPath() 方法返回 true，否则返回 false。

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

参数值

参数	描述 Description
x	要测试的 x 坐标
y	要测试的 y 坐标

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/08