微信小程序图片裁剪

微信小程序中可以使用`canvas`元素来进行图片裁剪。以下是一个简单的图片裁剪的示例代码：

<!-- WXML代码 -->
<canvas canvas-id="myCanvas"></canvas>
<button bindtap="cropImage">裁剪图片</button>

// JS代码
Page({
  data: {
    // 图片路径
    imagePath: '',
  },
  // 获取图片路径
  getImagePath() {
    wx.chooseImage({
      success: (res) => {
        this.setData({
          imagePath: res.tempFilePaths[0]
        });
      }
    });
  },
  // 裁剪图片
  cropImage() {
    wx.showLoading({
      title: '正在裁剪...',
    });
    const ctx = wx.createCanvasContext('myCanvas');
    ctx.drawImage(this.data.imagePath, 0, 0, 300, 300);
    ctx.draw(false, () => {
      wx.canvasToTempFilePath({
        canvasId: 'myCanvas',
        fileType: 'jpg',
        quality: 1,
        success: (res) => {
          wx.hideLoading();
          wx.previewImage({
            urls: [res.tempFilePath],
          });
        },
        fail: () => {
          wx.hideLoading();
          wx.showToast({
            title: '裁剪失败',
            icon: 'none'
          });
        }
      }, this);
    });
  },
});

以上代码中，首先使用`wx.chooseImage`获取待裁剪的图片路径，然后在`canvas`元素中使用`ctx.drawImage`将图片绘制到画布上，接着使用`wx.canvasToTempFilePath`将画布内容生成为一张新的图片，并保存到临时文件中。最后，使用`wx.previewImage`预览裁剪完成的图片。