vue-slim-cropper

💇 A simple and elegant mobile image crop upload component for Vue 2.x | 简洁易用的 vue 移动端图片裁剪上传组件
1,757 40
vue mobile-web image-cropper image-clip
Install
npm install vue-slim-cropper
Latest Version:0.1.1
Vue:2
License:MIT
Last Updated:Nov 19, 2021
Links: GitHub  ·  npm
Maintainer: momoko

vue-slim-cropper

English | 简体中文

🌰 Example

Demo

Demo Source Code

🚀 QuickStart

  1. Install
yarn add vue-slim-cropper # OR npm i -S vue-slim-cropper
  1. Import
// main.js
import SlimCropper from 'vue-slim-cropper'
Vue.use(SlimCropper)
  1. Usage. Please refer to the Demo Source Code
<SlimCropper ref="cropper" :src=""></SlimCropper>

🔌 API

Props

Name Description Type Default
src image URL String undefined
aspectRatio width / height ratio Number 1
cropperOptions cropperjs options: https://github.com/fengyuanchen/cropperjs Object null

Methods

Name Description Parameters
getCroppedBlob get the cropped image blob object type = 'image/jpeg', quality = 1

😉😘 If it is helpful to you，please encourage me with a ⭐️Star ~

Changelog

License

MIT

Copyright (c) 2018-present, komo

Related Packages

antdv-image-cropper

An image cropper component for Ant Design Vue uploader

506 0
image-cropper ant-design vuejs
@composy/cropper-vue

Vue 3 wrapper for @composy/cropper-core

0
image-cropper vue component cropper vue3
cropper-next-vue

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

3,819
image-cropper vue cropper cropper-next-vue vue-component vue3
vue-modern-cropper

Power-packed wrapper over cropperjs

1,997 7
image-cropper vue avatar component crop cropper cropperjs esm frontend image +2
nuxt-modern-cropper

Power-packed wrapper over cropperjs

1,592 4
image-cropper vue avatar component crop cropper cropperjs image nuxt nuxt-module +2

Version History

Version Released Vue License
0.1.1 ^2.6.10 MIT
0.1.0 ^2.6.10 MIT