uniapp怎base64格式图片展示在canvas上

在uniapp中展示base64格式的图片到canvas上，可以使用uni.createSelectorQuery()选取canvas节点，然后使用canvas的drawImage()方法绘制图片。

以下是一个示例代码：

<template>
  <canvas canvas-id="myCanvas" style="width:100%; height:100%;"></canvas>
</template>

<script>
export default {
  onLoad() {
    // 生成base64格式的图片
    let base64Img = 'data:image/png;base64,iVBORw0KG...';

    // 获取canvas节点
    uni.createSelectorQuery()
      .select('#myCanvas')
      .fields({ node: true, size: true })
      .exec((res) => {
        const canvas = res[0].node;
        const ctx = canvas.getContext('2d');

        // 创建一个Image对象
        const img = new Image();
        img.src = base64Img;

        // 图片加载完成后绘制到canvas上
        img.onload = () => {
          ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
        };
      });
  },
};
</script>

在上述代码中，我们首先通过uni.createSelectorQuery()选取了id为myCanvas的canvas节点，然后使用canvas的getContext()方法获取上下文对象ctx。接着创建一个Image对象，并将base64格式的图片赋值给它的src属性。最后，在图片加载完成后，使用canvas的drawImage()方法将图片绘制到canvas上。