full-screen-cropping 全屏裁剪

full-screen-cropping 是一个全屏图片裁剪组件，支持旋转、缩放和裁剪操作。

基础用法

<template>
  <full-screen-cropping 
    ref="cropper" 
    :url="imageUrl" 
    @confirm="onCropConfirm"
  >
  </full-screen-cropping>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''
    }
  },
  methods: {
    openCropper() {
      this.imageUrl = 'path/to/image.jpg';
      this.$refs.cropper.open();
    },
    onCropConfirm(path) {
      console.log('裁剪后的图片路径', path);
    }
  }
}
</script>

Props

参数	说明	类型	默认值
url	需要裁剪的图片路径	String	''

Methods

方法名	说明	参数
open	打开裁剪弹窗，需先设置 url	-

Events

事件名	说明	回调参数
confirm	裁剪完成点击确定时触发	(path: String)