Github https://github.com/pmndrs/use-gesture
    网站 https://use-gesture.netlify.app
    image.png

    Use Gesture可以将丰富的鼠标和事件绑定到任何组件或视图。
    通过接收到的数据,设置手势变得非常简单
    支持丰富鼠标和触摸手势的 React hooks 库,推荐与 react-spring 之类的动画库结合使用

    • move 移动
    • drag 拖拽
    • zoom 缩放
    • scroll 滚动
    • pinch 挤压
    • 锁定 x 轴或 y 轴
    • 手势边界的橡皮筋效果
    • 可拖拽元素的点击处理、手势结束时的惯性补偿、滚动锁定等
    1. yarn add @use-gesture/react
    2. # 原生 js
    3. yarn add @use-gesture/vanilla