介绍

通过free-dom可以很简单的创建一个允许拖曳和缩放的元素。而当所有的free-dom被包裹在free-scene中时，拖曳和缩放的位置会被限制在free-scene区域中，同时标线和近距离吸附。

vue

<template>
  <FreeScene
    fix-non-monospaced
  >
    <FreeDom v-model="pos1">
      <span>测试文本1</span>
      <span>测试文本1</span>
    </FreeDom>
    <FreeDom v-model="pos2">
      <div
        style="font-size: 32px; line-height: 32px;"
      >
        测试文本2
      </div>
    </FreeDom>
  </FreeScene>
</template>

<script setup lang="ts">
import { FreeDom, FreeScene } from 'free-dom'
import { ref } from 'vue'

const pos1 = ref({})
const pos2 = ref({
  x: 100,
})
</script>

介绍 ​

介绍