canvas-rect

canvas-rect

canvas rect drawing on element

install

npm install canvas-rect --save

usage

using in vue:

<template>
    <div :ref="ref">
    </div>
</template>

<script>
import { ref, onMounted } from 'vue'
import DrawRect from 'canvas-rect'

export default {
    setup() {
        const ref = ref(null)
        function finish({accords,size}) {
            // ...
        }
        onMounted(()=>{
            new DrawRect({
                // must be 'div' element
                el: ref.current,
                onFinish: finish,
                preserve: false,
            }).init()
        })
        return {
            ref
        }
    }
}
</script>

License

MIT