下载
npm i cropperjs -S
引入
import ‘cropperjs/dist/cropper.css’
import Cropper from ‘cropperjs’
配置
由于是操作dom
需要在moundted钩子函数中操作
const image = this.$refs.img
const cropper = new Cropper(image, {
viewMode: 1, // 只能在裁剪的图片范围内移动
dragMode: ‘move’, // 画布和图片都可以移动
aspectRatio: 1, // 裁剪区默认正方形
autoCropArea: 1, // 自动调整裁剪图片
cropBoxMovable: false, // 禁止裁剪区移动
cropBoxResizable: false, // 禁止裁剪区缩放
background: false // 关闭默认背景
})
cropperjs的使用
最新推荐文章于 2024-05-09 09:33:27 发布