Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

vue-cropperjs

4.0.1 • Public • Published

vue-cropperjs

A Vue wrapper component for cropperjs.

NPM

Demo

Checkout here agontuk.github.io/vue-cropperjs

Installation

npm install --save vue-cropperjs

For Vue 1.0, use

npm install --save vue-cropperjs@1.0.3

You will also need css & style loader for webpack

Usage

// 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}
}
 
...
<vue-cropper
  ref="cropper"
  :src="imgSrc"
  alt="Source Image"
  :cropmove="cropImage"
>
</vue-cropper>
...
 
this.$refs.cropper.rotate(45);

See the example files & cropperjs documentation

Options

Name Type Required Description
src string -- Image source
containerStyle object -- Styling for the image container
imgStyle object -- Styling for the image
alt string -- Alternate text for the image

Crop related options

See cropperjs documentation for all posible options & methods.

Renamed Methods

  • relativeZoom from zoom
  • initCrop from crop

License

MIT

Install

npm i vue-cropperjs

DownloadsWeekly Downloads

18,738

Version

4.0.1

License

MIT

Unpacked Size

19.1 kB

Total Files

7

Last publish

Collaborators

  • avatar