taye/interact.js
Interact.js
interact.js 是一个 JavaScript 交互库，用于在 Web 浏览器中实现拖放、调整大小和多点触控手势。它为可缩放矢量图形（SVG）提供了一个专门的交互框架，允许移动和调整这些元素的大小。
该库具有一个多点触控手势引擎，可识别捏合和旋转等复杂模式，以及一个用于将元素对齐到网格或限制在边界内移动的坐标吸附引擎。它还包括一个跨帧状态同步器，用于在多个浏览器窗口或嵌入式帧之间共享交互状态和输入事件。
该项目涵盖了广泛的能力领域，包括用于基于惯性的速度计算的运动物理学，以及用于统一跨浏览器鼠标和触摸事件的输入归一化。附加功能包括基于坐标的状态跟踪和用于将位置和大小对齐到预定义间隔的量化吸附。
Features
- Drag and Drop - Provides a comprehensive framework for implementing drag-and-drop interfaces with support for inertia and boundaries.
- Interactive Element Dragging - Enables moving elements across a screen with support for snapping and inertia.
- Interactive SVG Elements - Provides specialized tools to make SVG elements interactive through drag and resize capabilities.
- Drag and Drop Libraries - Provides a specialized library for implementing drag-and-drop, resizing, and multi-touch gestures in the browser.
- Movement Constraints - Applies restrictions to element movement, including axis locking and boundary clamping.
- Input Normalization Utilities - Unifies disparate mouse and touch pointer events into a consistent coordinate stream for cross-browser compatibility.
- Element Resizers - Provides utilities for interactively updating the bounding box dimensions of web elements.
- Grid Snapping - Aligns element positions and sizes to configurable grid increments during interactive movement or resizing.
- Interaction Coordinate Snapping - Provides a mechanism for aligning moving elements to grids or restricting movement boundaries.
- Multi-Touch Gesture Detections - Recognizes complex multi-touch patterns including pinch and rotate for web applications.
- Multi-Touch Gesture Systems - Processes simultaneous multi-finger inputs to recognize complex patterns like pinch and rotate.
- Boundary Constraints - Implements logic to restrict the movement of elements within defined containers or viewport areas.
- Event Normalizers - Translates native browser mouse and touch events into a unified internal coordinate system.
- Resize Mapping Logic - Provides logic that translates interactions on specific element perimeters into dimensional changes.
- Inertia Calculations - Computes movement decay based on input velocity to simulate natural physical momentum and smooth sliding.
- Spatial State Tracking - Tracks real-time X and Y coordinates of elements to maintain an accurate internal state of position and size.
- Coordinate Quantization - Rounds raw interaction coordinates to predefined intervals to ensure precise alignment of UI components.
- Cross-Frame Interaction Synchronization - Shares real-time interaction states and input events across multiple browser windows or embedded frames.
- Mobile Web Libraries - Library for drag, drop, and multi-touch gesture interactions.
