跳到主要内容

请操作点击右侧的Demo,体验丝滑交互

拖拽 · 缩放 · 旋转
从未如此简单。

react-drag-resize-rotate 是一个功能强大、轻量灵活的 React 组件,提供拖拽、缩放、旋转、嵌套编辑等能力,适用于各类 Web 可视化编辑场景。

React 18 / 19极轻量可嵌套高性能
nesting

丝滑的拖拽 · 缩放 · 旋转的 React 组件。

01

拖拽 / 缩放 / 旋转

支持自由移动、8 方向触点缩放和 360° 旋转,快速获得画布元素编辑能力。

02

嵌套编辑 / Children 承载

支持父子元素多层嵌套,可通过 children 放入任意内容,也支持数据配置渲染节点。

03

锁比例 / 翻转 / 尺寸限制

支持固定比例缩放、拖拽触点自由翻转,并限制元素最小 / 最大宽高。

04

样式定制 / 轻量接入

仅依赖 React,支持单组件引入,主题样式由 CSS 变量驱动。