Appearance
功能
CDN
用于裁剪图片,常用于图片上传前的裁剪以及图片下载前的裁剪。基于 cropperjs 二次封装,更贴近业务场景
功能示例
普通模式
保持原始 cropperjs 的调用方式,增加自定义方法和事件
对话框模式
更贴近常用的业务场景
操作 |
---|
结果 |
最小示例
vue
<template>
<Wrapper>
<HCropper ref="cropperRef" v-model:visible="visible" :image="imgSrc" />
</Wrapper>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import Wrapper from '@/components/simple-wrapper.vue'
import HCropper from '../index.vue'
const visible = ref(false)
const imgSrc = 'https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg'
</script>
API
参数
事件