插件名称 | vue-advanced-cropper |
---|---|
版本号 | v1.7.0 |
发布时间 | 2020年5月4日 |
插件作者 | Norserium |
先进的库使您有机会创建自己的裁剪器,以适合任何网站设计。
# Yarn
$ yarn add vue-advanced-cropper
# NPM
$ npm install vue-advanced-cropper --save
import Vue from 'vue'
import { Cropper } from 'vue-advanced-cropper'
new Vue({
el: '#app',
data: {
img: 'https://images.pexels.com/photos/226746/pexels-photo-226746.jpeg'
},
methods: {
change({coordinates, canvas}) {
console.log(coordinates, canvas)
}
},
components: {
Cropper
}
})
<div id="app">
<cropper
classname="cropper"
:src="img"
:stencilProps="{
aspectRatio: 10/12
}"
@change="change"
></cropper>
</div>
/*
也许你需要设置裁剪器大小或其容器大小的限制
否则,裁剪图像将尝试填充所有可用空间
*/
.cropper {
height: 600px;
background: #DDD;
}
v1.7.0 (06/08/2021)
v1.6.0 (05/25/2021)
v1.5.3 (05/13/2021)
v1.5.1 (04/27/2021)
v1.5.0 (04/12/2021)
v1.4.1 (04/08/2021)
v1.4.0 (04/06/2021)
v1.3.4(03/24/2021)
v1.3.3(03/23/2021)
v1.3.2(03/11/2021)
v1.3.0(02/06/2021)
v1.2.0(01/16/2021)
v1.0.2(01/13/2021)
v1.0.1(12/24/2020)
v0.20.1(2020年12月20日)
v0.19.2(2020年12月14日)
v0.19.1(2020年12月13日)
v0.18.1(12/09/2020)
v0.18.0(12/08/2020)
v0.17.7(2020年11月1日)
v0.17.3(09/14/2020)
v0.17.2(09/13/2020)
v0.17.2(09/05/2020)
v0.17.1(09/03/2020)
v0.16.10(09/01/2020)
v0.16.9(2020年7月25日)
v0.16.6(2020年6月25日)