uniapp 真机端怎么用canvas选择图库中的图片并显示

在UniApp中，你可以使用uni.chooseImage()函数来从手机相册中选择图片，然后将选择的图片绘制到Canvas上。

以下是一个简单的示例代码：

<!-- 在页面中添加一个Canvas -->
<canvas id="myCanvas" style="width: 100%; height: 100%;"></canvas>

// 在页面中引入uni-app的API模块
import uni from '@/uni_modules/uni-app-plus/dist/uni.mp.esm.js'

// 获取Canvas对象
const canvas = uni.createCanvasContext('myCanvas')

// 监听Canvas的点击事件，当点击时从相册中选择图片
canvas.canvas.addEventListener('click', () => {
  uni.chooseImage({
    success: (res) => {
      // 获取选择的图片路径
      const path = res.tempFilePaths[0]

      // 将图片绘制到Canvas上
      canvas.drawImage(path, 0, 0, canvas.canvas.width, canvas.canvas.height)

      // 绘制完成后需要调用canvas.draw()方法才能将绘制结果显示到Canvas上
      canvas.draw()
    }
  })
})

注意，绘制图片到Canvas上时需要等待图片加载完成后才能进行绘制，否则会出现空白的情况。因此，在选择图片后需要等待图片加载完成后再进行绘制操作。