npm install cropperjs --save
import Cropper from "cropperjs";
-------------------------html-----------------------------------------------------
<div class="v-cropper-layer" ref="layer">
<div class="layer-header">
<button class="cancel" @click="cancelHandle" >取消</button>
<button class="centerb" @click="rotateFun">旋转</button>
<button class="confirm" @click="confirmHandle">确定</button>
</div>
<img ref="cropperImg" alt="上传头像异常" >
</div>
------------------------------export default----------------------------------
data() {
return {
cropper: {},
filename: "",
initParam: {
fileType: 'recruit', // 其他上传参数
uploadURL: '', // 上传地址
scale: 1 // 相对手机屏幕放大的倍数: 4倍
},
IsCropper:false,
picDeg:0,//裁剪旋转角度
}
},
mounted() {
var size = 16/10
this.init(siz