useDrauu

类别

@集成

导出大小

700 B

包

@vueuse/integrations

最近修改

2 days ago

针对 drauu 的响应式实例。

🌐 Reactive instance for drauu.

示例

源代码在线运行

Available in the @vueuse/integrations add-on.

安装

🌐 Install

npm i drauu@^0

用法

🌐 Usage

<script setup lang="ts">
import { toRefs } from '@vueuse/core'
import { useDrauu } from '@vueuse/integrations/useDrauu'
import { useTemplateRef } from 'vue'

const target = useTemplateRef('target')
const { undo, redo, canUndo, canRedo, brush } = useDrauu(target)
const { color, size } = toRefs(brush)
</script>

<template>
  <svg ref="target" />
</template>