taye/interact.js
Interact.js
interact.js هي مكتبة تفاعل JavaScript تستخدم لتنفيذ السحب والإفلات، وتغيير الحجم، وإيماءات اللمس المتعدد داخل متصفحات الويب. توفر إطار عمل تفاعل متخصص للرسومات المتجهة القابلة للتطوير، مما يسمح بتحريك هذه العناصر وتغيير حجمها.
تتميز المكتبة بمحرك إيماءات لمس متعدد يتعرف على أنماط معقدة مثل القرص والتدوير، ومحرك التقاط إحداثيات لمحاذاة العناصر مع الشبكات أو تقييد الحركة داخل الحدود. تتضمن أيضاً مزامناً لحالة الإطار المتقاطع لمشاركة حالات التفاعل وأحداث الإدخال عبر نوافذ متصفح متعددة أو إطارات مضمنة.
يغطي المشروع مجالات قدرة واسعة بما في ذلك فيزياء الحركة لحسابات السرعة القائمة على القصور الذاتي وتطبيع الإدخال لتوحيد أحداث الماوس واللمس عبر المتصفحات. تشمل الوظائف الإضافية تتبع الحالة القائم على الإحداثيات والتقاط الكمي لمحاذاة المواضع والأحجام مع فترات زمنية محددة مسبقاً.
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.
