说说在 Canvas 中如何判断某个点是否在路径上

冷不防 2022-12-12 15:14 144阅读 0赞

Context 的 isPointInPath() 可用于判断某个点是否在路径上。如果指定的点位于当前路径中，则返回 True。语法为：`context.isPointInPath(x,y);`

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>x</td> 
   <td>测试点的 x 坐标</td> 
  </tr> 
  <tr> 
   <td>y</td> 
   <td>测试点的 y 坐标</td> 
  </tr> 
 </tbody> 
</table>

context.strokeStyle = 'green';
    context.lineWidth = 5;
    context.moveTo(100, 100);
    context.lineTo(150, 100);
    context.lineTo(150, 150);
    context.lineTo(100, 100);
    context.stroke();
    
    let isPointInPath1 = context.isPointInPath(100, 100);
    let isPointInPath2 = context.isPointInPath(110, 100);
    console.log("isPointInPath1 -> " + isPointInPath1);
    console.log("isPointInPath2 -> " + isPointInPath2);
    context.closePath();

运行结果：  
![a05fc1418389784e5df84835a885f358.png][]

![91b7eb970b57f3a83ff4d4191281aa79.png][]

[a05fc1418389784e5df84835a885f358.png]: /images/20221123/6a6a329687ae4aadbe414bf0d1fb3464.png
[91b7eb970b57f3a83ff4d4191281aa79.png]: /images/20221123/d79df8d619de4d588bd8d3dfeead3476.png

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关说说在 Canvas 中如何判断某个点是否在路径上

Context 的 isPointInPath() 可用于判断某个点是否在路径上。如果指定的点位于当前路径中，则返回 True。语法为：`context.isPointInPa

冷不防/ 2022年12月12日 15:14/ 0 赞/ 145 阅读

相关说说在 Canvas 中如何清除画布

有几种方法可以清除画布中的内容。 1 重置画布宽与高假设目前画布有一个彩虹圆形，我们现在要把它清除掉。 ![2982e78fa987c5e85f60a23872af

客官°小女子只卖身不卖艺/ 2022年12月12日 15:14/ 0 赞/ 286 阅读

相关说说在 Canvas 中如何添加阴影

Canvas 的 context 中有四个参数可以用于设置阴影相关属性。 <table> <thead> <tr> <th>方法名</th> <th

约定不等于承诺〃/ 2022年12月12日 13:46/ 0 赞/ 196 阅读

相关说说在 Canvas 中如何填充渐变颜色

渐变颜色填充方式有两种：线性或径向。 1. 线性渐变填充会创建一个水平、垂直或者对角线的填充图案。 2. 径向渐变填充会自中心点创建一个放射状填充图案。 1 线性

我会带着你远行/ 2022年12月12日 13:43/ 0 赞/ 562 阅读

相关说说在 Canvas 中如何填充形状基本颜色

Canvas 的 fillSytle 属性可设置形状的填充颜色。该属性可接受多种类型的颜色描述值。（1）颜色字符串名称 context.fillStyle = "

骑猪看日落/ 2022年12月12日 02:13/ 0 赞/ 441 阅读

相关在Java中如何高效判断数组中是否包含某个元素

> 来源： hollischuang（@Hollis\_Chuang） > > 链接：http://www.hollischuang.com/archives/1269

妖狐艹你老母/ 2022年08月22日 04:58/ 0 赞/ 156 阅读

相关判断某个值是否在某个范围汇编优化

判断某个值是否在某个范围是否在某个区间范围的代码是经常用到的，处理图片是否超出某个边界范围的时候，我像素点设置为零，否只做点别的在这个过程中，我们可能要进行一次饱和处

爱被打了一巴掌/ 2022年08月11日 19:59/ 0 赞/ 165 阅读

相关 iOS开发-判断一个点是否在某个区域

iOS有时候需要判断是否touch到某个图的区域中。也就是touch到的这个点是否在某个图的区域范围内。解决问题的办法很多, 这里简单介绍一种。我们可以通过CGPath

缺乏、安全感/ 2022年08月11日 17:30/ 0 赞/ 101 阅读

相关 PHP 判断是否包含在某个字符串中

PHP 判断是否包含在某个字符串中 1.用strpos函数，查找字符首次出现的位置，如果不存在则会返回false $str= ‘abc’; $needle= ‘e’;

太过爱你忘了你带给我的痛/ 2022年03月28日 03:47/ 0 赞/ 558 阅读

相关 js怎样判断数组中是否有某个元素，某个元素是否在数组中

js怎样判断数组中是否有某个元素，某个元素是否在数组中呢？ js判断数组是否存在某个元素是很常见的操作，可以用比较好用的两种方法，也许还有其他更好的方法。。。可

电玩女神/ 2022年01月23日 04:57/ 0 赞/ 685 阅读