什么是 simplify-js?
simplify-js 是一款 JavaScript 库,可以用来简化和平滑化多边形地图、闭合多边形和多折线等图形。这个库能够将一些复杂的多边形简化成只有个别点组成的线段,从而提高网站的性能,并且让这些图形更易于处理。
安装 simplify-js
安装这个库非常简单,只需要使用以下命令即可:
npm install simplify-js
当然,你也可以在你电脑的项目目录下使用以下命令:
yarn add simplify-js
这样,就可以安装 simplify-js 了。
使用 simplify-js
使用 simplify-js 也非常简单,只需要调用 simplify 方法就可以了。
simplify(points, tolerance, highestQuality)
- points:一个包含点坐标的数组。
- tolerance:可选参数,指定可忍受的点位偏移值,默认为 1。
- highestQuality:可选参数,指定是否要输出最高精度的结果,默认为 false。
下面是一个综合示例:
-- -------------------- ---- ------- ----- -------- - ----------------------- ----- ------ - - - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- - -- ----- --------- - --- ----- -------------- - ------ ----- ---------------- - ---------------- ---------- ---------------- ------------------------------
执行上面的代码输出结果为:
[ { x: 100, y: 100 }, { x: 300, y: 100 }, { x: 400, y: 300 } ]
这个函数返回一个简化后的点数组,这里比较有意思的一点是,有些点是直接被丢掉了的。多折线也可以使用。
-- -------------------- ---- ------- ----- -------- - ----------------------- ----- ------ - - - - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- - -- - - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- - - -- ----- --------- - --- ----- -------------- - ------ ----- ---------------- - ------------ -- ----------- ---------- ----------------- ------------------------------
执行上面的代码输出结果为:
-- -------------------- ---- ------- - - - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- - -- - - -- ---- -- --- -- - -- ---- -- --- -- - -- ---- -- --- - - -
总结
使用 simplify-js 可以简化和平滑化多边形地图、闭合多边形和多折线等图形。这样可以提高网站的性能,并且让这些图形更易于处理。在使用 simplify-js 的时候,需要调用 simplify 方法,传入一个包含坐标点的数组,simplify 方法返回一个简化后的点数组。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedcc00b5cbfe1ea06126d3