uniapp拍照截取一部分

在uniapp中，可以使用uni-app的原生API来实现拍照和截取图片的功能。具体步骤如下：

1. 首先，在uniapp项目的manifest.json文件中，添加相机和相册的权限配置。在"permissions"字段中添加以下代码：

"permissions": {
  "camera": {
    "desc": "用于拍照"
  },
  "album": {
    "desc": "用于选择照片"
  }
}

2. 在需要使用拍照和截取功能的页面中，引入uni-app的原生API：

import { chooseImage, previewImage } from '@uni/image';
import { createCameraContext } from '@uni/camera';

3. 在页面中添加一个按钮，用于触发拍照和截取功能：

<template>
  <view>
    <button @click="takePhoto">拍照截取</button>
  </view>
</template>

4. 在页面的methods中，编写拍照和截取的逻辑代码：

methods: {
  takePhoto() {
    const cameraContext = createCameraContext();
    cameraContext.takePhoto({
      success: (res) => {
        // 拍照成功后的回调函数
        const tempImagePath = res.tempImagePath;
        this.cropImage(tempImagePath);
      },
      fail: (err) => {
        // 拍照失败后的回调函数
        console.log(err);
      }
    });
  },
  cropImage(imagePath) {
    chooseImage({
      count: 1,
      sourceType: ['album'],
      success: (res) => {
        // 选择照片成功后的回调函数
        const tempFilePaths = res.tempFilePaths;
        previewImage({
          urls: tempFilePaths,
          current: 0,
          success: () => {
            // 预览照片成功后的回调函数
            uni.getImageInfo({
              src: tempFilePaths[0],
              success: (info) => {
                // 获取照片信息成功后的回调函数
                const width = info.width;
                const height = info.height;
                const canvasWidth = 200; // 截取后的图片宽度
                const canvasHeight = 200; // 截取后的图片高度
                const canvas = uni.createCanvasContext('myCanvas');
                canvas.drawImage(tempFilePaths[0], 0, 0, width, height, 0, 0, canvasWidth, canvasHeight);
                canvas.draw(false, () => {
                  uni.canvasToTempFilePath({
                    canvasId: 'myCanvas',
                    success: (res) => {
                      // 截取图片成功后的回调函数
                      const croppedImagePath = res.tempFilePath;
                      console.log(croppedImagePath);
                    },
                    fail: (err) => {
                      // 截取图片失败后的回调函数
                      console.log(err);
                    }
                  });
                });
              },
              fail: (err) => {
                // 获取照片信息失败后的回调函数
                console.log(err);
              }
            });
          },
          fail: (err) => {
            // 预览照片失败后的回调函数
            console.log(err);
          }
        });
      },
      fail: (err) => {
        // 选择照片失败后的回调函数
        console.log(err);
      }
    });
  }
}

以上代码实现了在uniapp中拍照和截取一部分的功能。点击按钮后，会调用原生API拍照，并将拍摄的照片截取为指定大小的图片。