A Vue wrapper component for cropperjs
npm install vue-cropperjsA Vue wrapper component for cropperjs.
Checkout here agontuk.github.io/vue-cropperjs
``shell`
npm install --save vue-cropperjs
or
yarn add vue-cropperjs
> You will also need css & style loader for webpack
`js
// Global
import Vue from 'vue';
import VueCropper from 'vue-cropperjs';
import 'cropperjs/dist/cropper.css';
Vue.component(VueCropper);
// Local
import VueCropper from 'vue-cropperjs';
import 'cropperjs/dist/cropper.css';
export default {
components: { VueCropper}
}
...
:src="imgSrc"
alt="Source Image"
@ready="..."
@cropstart="..."
@cropmove="..."
@cropend="..."
@crop="..."
@zoom="..."
>
...
this.$refs.cropper.rotate(45);
`
See the example files & cropperjs documentation
| Name | Type | Required | Description |
| -------------- | -------- | -------- | ------------------------------- |
| src | string | -- | Image source |object
| containerStyle | | -- | Styling for the image container |object
| imgStyle | | -- | Styling for the image |string
| alt | | -- | Alternate text for the image |
See cropperjs documentation for all posible options & methods.
- relativeZoom from zoom
- from crop`
MIT