用于检查两个形状是否重叠的 JS 库

如果你正在开发 Web 应用程序并需要检查两个形状是否重叠，那么你可能需要一个 JavaScript 库来帮助你完成这个任务。下面是一些常用的 JS 库及其简介。

1. Overlap.js

Overlap.js 是一个用于检测两个 HTML 元素是否重叠的小巧库。它适用于包含的、嵌套或对齐的元素，支持所有现代浏览器以及 IE8+。

使用该库，你可以轻松地检查两个元素是否重叠，并相应地采取行动。例如，在滚动用户界面时，你可以检查元素是否相互重叠，以避免用户界面的滑动出现错误。

该库非常容易使用，并且可以轻松集成到你的应用程序中。对于开发人员，Github：Overlap.js 上提供了文档和示例。

2. Collision.js

Collision.js 是另一个可以帮助你检测两个 HTML 元素是否重叠的 JS 库。该库使用 JavaScript 计算机图形学中的 AABB（Axis-Aligned Bounding Box）技术。

该库支持所有现代浏览器，并且可以轻松地检查两个元素是否重叠。如果两个元素重叠，该库将返回一个布尔值 true，否则返回 false。

Collision.js 库非常轻巧，易于使用，并且可以在 web 应用程序开发中直接使用。对于开发人员，Github：Collision.js 上提供了文档和示例。

3. Jquery-collision

Jquery-collision 是一个基于 jQuery 的 JS 库，可以帮助你检测两个 HTML 元素是否重叠。该库适用于所有现代浏览器，并且与 jQuery 版本 1.3.2+ 兼容。

该库支持多种类型的碰撞检测，例如矩形与圆形、多边形与矩形、多边形与多边形等等。它还提供了许多方便的选项来定义什么是“碰撞”。

Jquery-collision 库容易安装和使用，并且具有完整的文档和示例。对于开发人员，你可以在 Github 上找到该库：Jquery-collision。

结论

这些 JS 库均针对检查两个形状是否重叠提供了有效的解决方案，对于任何正在开发 Web 应用程序的程序员来说都非常有用。无论你要检查的形状是基于 HTML 元素还是图形，你都可以使用上述其中一种库来轻松地完成这项工作。