PROSAGA
注册
登录
首页
ECN
wannaxiao/vue-slim-cropper
返回
作者:
别烦我
项目描述 :
?♀️ A simple and elegant mobile image crop upload component for Vue 2.x | 简洁易用的 vue 移动端图片裁剪上传组件
高级语言:
Vue
项目主页:
git地址:
git://github.com/wannaxiao/vue-slim-cropper.git
时间:
2020-06-04T15:16:31Z
社区:
https://github.com/wannaxiao/vue-slim-cropper
下载项目
# vue-slim-cropper English | [简体中文](./README.zh-CN.md) ## ? Example
[Demo](https://wannaxiao.github.io/vue-slim-cropper/demo/dist/) [Demo Source Code](https://github.com/wannaxiao/vue-slim-cropper/blob/master/demo/App.vue) ## ? QuickStart 1. Install ```bash yarn add vue-slim-cropper # OR npm i -S vue-slim-cropper ``` 2. Import ```js // main.js import SlimCropper from 'vue-slim-cropper' Vue.use(SlimCropper) ``` 3. Usage. Please refer to the [Demo Source Code](https://github.com/wannaxiao/vue-slim-cropper/blob/master/demo/App.vue) ```html
``` ## ? 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](./CHANGELOG.md) ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2018-present, momoko