vue 的轻量级可拖动和可旋转组件 - yoyoo-ddr

vue 的轻量级可拖动和可旋转组件 - yoyoo-ddr
插件名称 yoyoo-ddr
发布时间 2021年6月4日
插件作者 zuimeiaj

vue 的可拖动、可调整大小和可旋转组件。

特征

  • 轻量级且无依赖
  • 可拖动、可调整大小、可旋转、可配置
  • 定义调整大小的句柄
  • 支持纵横比

安装

npm i yoyoo-ddr --save

用法

import DDR from 'yoyoo-ddr'
import 'yoyoo-ddr/dist/yoyoo-ddr.css'

export default {
  data() {
    return {
      transform: { x: 100, y: 100, width: 100, height: 100, rotation: 0 },
    }
  },
  render() {
    return (
      <DDR value={this.transform}>
        <div style="width:100%;height:100%;background:red" />
      </DDR>
    )
  },
}