uniapp 将uni.chooseImage之后的图片显示到canvas中

在UniApp中，可以使用uni.chooseImage方法选择图片，然后将选择的图片显示到canvas中。下面是实现的步骤：

1. 首先，在页面中引入canvas组件，并设置好宽高和id，例如：

<canvas canvas-id="myCanvas" style="width: 300px; height: 300px;"></canvas>

2. 在页面的methods中定义一个方法，用于选择图片并将其显示到canvas中，例如：

methods: {
  chooseAndDrawImage() {
    uni.chooseImage({
      count: 1, // 选择图片的数量，这里选择1张
      success: (res) => {
        const tempFilePaths = res.tempFilePaths;
        const ctx = uni.createCanvasContext('myCanvas'); // 获取canvas上下文
        ctx.drawImage(tempFilePaths[0], 0, 0, 300, 300); // 绘制图片到canvas上
        ctx.draw(); // 将绘制的内容显示到canvas上
      }
    });
  }
}

3. 在页面中添加一个按钮或其他触发事件的元素，调用chooseAndDrawImage方法，例如：

<button @click="chooseAndDrawImage">选择并绘制图片</button>

这样，当点击按钮时，会弹出选择图片的界面，选择一张图片后，该图片就会显示在设置好的canvas中。