antdv-image-cropper

An image cropper component for Ant Design Vue uploader. Based on vue-cropper component.

Demo

Live demo

Install

npm i antdv-image-cropper

Global registration

import Vue from 'vue'
import AImageCropper from 'antdv-image-cropper'

Vue.component('a-image-cropper', AImageCropper)

Local registration

import AImageCropper from 'antdv-image-cropper'

export default {
    components: {
        AImageCropper
    },
    ...

Props

You can use all props from vue-cropper component which are described here. As well as properties small list of the component itself.

Prop	Type	Default	Description
modalTitle	String	Image editing	Text that displayed into modal header
modalControl	String	Save	Text that displayed into crop button
modalWidth	Number	610	Width of modal window in pixels
containerWidth	Number	520	Width of cropper container in pixels
containerHeight	Number	520	Height of cropper container in pixels

License

MIT License (c)