useDrauu
Reactive instance for drauu.
Package: @vueuse/integrations
Category: '@Integrations'
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>Returns
| Name | Type |
|---|---|
| drauuInstance | deepRef<Drauu> |
| load | Ref |
| dump | Ref |
| clear | Ref |
| cancel | Ref |
| undo | Ref |
| redo | Ref |
| canUndo | shallowRef |
| canRedo | shallowRef |
| brush | deepRef<Brush> |
| onChanged | Ref |
| onCommitted | Ref |
| onStart | Ref |
| onEnd | Ref |
| onCanceled | Ref |