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)