uniapp图片裁剪

在UniApp中实现图片裁剪可以使用uni-cropper插件来完成。下面是一个简单的示例代码：

1. 首先，安装uni-cropper插件。在HBuilderX中，打开插件市场（快捷键Ctrl+Shift+P），搜索并安装uni-cropper插件。

2. 在需要使用图片裁剪功能的页面中，引入uni-cropper组件：

<template>
  <view>
    <uni-cropper v-model="cropperData" @confirm="confirmCrop"></uni-cropper>
    <image :src="cropperData.src" mode="aspectFill" @tap="showCropper"></image>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        cropperData: {
          src: '', // 裁剪图片的地址
          mode: 'rectangle', // 裁剪框的形状，可选值有：rectangle（矩形）和 circle（圆形）
          sizeType: ['original', 'compressed'], // 图片选择的类型，可选值有：original（原图）和 compressed（压缩图）
          cropSize: {
            width: 200,
            height: 200
          } // 裁剪框的大小
        }
      }
    },
    methods: {
      showCropper() {
        uni.chooseImage({
          count: 1,
          success: (res) => {
            this.cropperData.src = res.tempFilePaths[0]
          }
        })
      },
      confirmCrop(res) {
        console.log(res)
        // 在这里可以处理裁剪后的结果，例如上传到服务器等操作
      }
    }
  }
</script>

在上面的代码中，我们使用了uni-cropper组件来实现图片裁剪功能。通过选择图片按钮选择一张图片后，点击图片会打开裁剪框，裁剪完成后会触发confirm事件，我们可以在confirmCrop方法中处理裁剪后的结果。

注意：在使用uni-cropper插件之前，请确保已经安装了uni-cropper插件并引入了所需要的依赖库。