在前端开发中，绘制多边形是一个常见的需求。由于多边形存在不同的顶点和边界，如何判断一个点是否在多边形内部是一个需要解决的问题。npm 包 which-polygon 是一个简单易用的工具，可以用来检测一个点是否在给定的多边形内。
安装 which-polygon
使用 which-polygon 首先需要在本地安装该包。可以通过 npm install 命令进行安装，具体的命令如下：
npm install which-polygon
使用 which-polygon
- 导入 which-polygon 包
在开始使用 which-polygon 前，需要先导入该包，可以使用 require() 或者 import 语句进行导入。例如：
const whichPolygon = require('which-polygon');或者
import whichPolygon from 'which-polygon';
- 创建多边形数组
使用 which-polygon 进行多边形检测前，需要先定义多边形的形状和边界。可以使用数组的形式来表示多边形的各个点和边。例如：
-- -------------------- ---- -------
----- ------- - -
-
--- ---
--- ----
---- ----
---- ---
--- ---
--
-
---- ---
---- ----
---- ----
---- ---
---- ---
--
--此时定义了两个多边形，一个是 (0,0) 到 (10,10) 的正方形，另一个是 (20,0) 到 (30,10) 的长方形。
- 检测点是否在多边形内
可以使用 whichPolygon() 函数来检测一个点是否在多边形内，该函数接受两个参数：点的坐标和多边形数组。例如：
const point = [5, 5];// 坐标为 (5,5)
const isInsidePolygon = whichPolygon(point, polygon);
console.log(`点 (${point[0]}, ${point[1]}) 是否在多边形内: ${isInsidePolygon}`);以上代码将判断 (5,5) 这个点是否在定义的多边形内，并输出结果。
示例代码
-- -------------------- ---- -------
-- -- ------------- -
----- ------------ - -------------------------
-- -------
----- ------- - -
-
--- ---
--- ----
---- ----
---- ---
--- ---
--
-
---- ---
---- ----
---- ----
---- ---
---- ---
--
--
-- ----
----- ----- - --- ---
-- ----------
----- --------------- - ------------------- ---------
-- ----
-------------- ------------- ------------ -------- ---------------------总结
which-polygon 是一个简单易用的多边形检测 npm 包，可以用来检测一个点是否在给定的多边形内。使用 which-polygon 的步骤包括导入该包、创建多边形数组和判断点是否在多边形内。掌握 which-polygon 的使用方法可以方便地实现前端开发中的多边形操作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671078dd3466f61ffde24