cropper

功能

CDN

用于裁剪图片，常用于图片上传前的裁剪以及图片下载前的裁剪。

基于 cropperjs 二次封装，更贴近业务场景

功能示例

普通模式

保持原始 cropperjs 的调用方式，增加自定义方法和事件

展示区
结果
操作

对话框模式

更贴近常用的业务场景

操作
结果

最小示例

<template>
    <Wrapper>
        <VcCropper v-model:visible="visible" :image="imgSrc" />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcCropper from '../cropper.vue'

const visible = ref(false)
const imgSrc = 'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg'
</script>

API

参数

方法

事件