antdv-image-cropper

An image cropper component for Ant Design Vue uploader

Usage no npm install needed!

<script type="module">
  import antdvImageCropper from 'https://cdn.skypack.dev/antdv-image-cropper';
</script>

README

antdv-image-cropper

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

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)