antdv-image-cropper

An image cropper component for Ant Design Vue uploader
506
Install
npm install antdv-image-cropper
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:Oct 10, 2020
Links: GitHub  ·  npm
Maintainer: egorvdovenko

antdv-image-cropper

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

npm npm bundle size

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)

Related Packages

vue-beauty

Ant Design components built with Vue.js

29,918 2,097
vue-slim-cropper

💇 A simple and elegant mobile image crop upload component for Vue 2.x | įŽ€æ´æ˜“...

1,757 40
@antd-tiny-vue/cssinjs

Component level cssinjs resolution for antd in vue

1,392
@composy/cropper-vue

Vue 3 wrapper for @composy/cropper-core

0
cropper-next-vue

A Vue 3 image cropper focused on rotation, boundary control, and clean library d...

3,819

Version History

Version Released Vue License
1.1.1 ^2.6.11 MIT
1.1.0 ^2.6.11 MIT
1.0.2 ^2.6.11 MIT
1.0.1 ^2.6.11 MIT
1.0.0 ^2.6.11 MIT