vue-transable v0.0.8

vue-transable 组件

功能

• 旋转
• 拖拽
• 拖拽四个角
• 拖拽四个边的中点
• 坐标展示
• 等比缩放
• 控制组件内元素缩放 (scale(x, y))

使用

pnpm add vue-transable

<script setup>
import {VueTransable} from 'vue-transable'
</script>

<template>
  <Teleport to='body'>
    <VueTransable :x="100" :y="100" :width="100" :height="100">
      <div class="slot" >
        <div contenteditable="true">
          hello world
        </div>
      </div>
    </VueTransable>
  </Teleport>
</template>

⚠️ 目前还是只支持相对于body定位。