komomoo / vue-slim-cropper

💇‍♀️ A simple and elegant mobile image crop upload component for Vue 2.x | 简洁易用的 vue 移动端图片裁剪上传组件

vue-slim-cropper

English | 简体中文

🌰 Example

Demo

Demo Source Code

🚀 QuickStart

1. Install

yarn add vue-slim-cropper # OR npm i -S vue-slim-cropper

2. Import

// main.js
import SlimCropper from 'vue-slim-cropper'
Vue.use(SlimCropper)

3. 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