uniapp canvas怎么不用choose展示本地图片

你可以使用uniapp的`getImageInfo` API获取本地图片的信息，然后使用`canvas`的`drawImage`方法将图片绘制到画布上，从而达到不使用`choose`展示本地图片的目的。以下是一个示例代码：

<template>
  <view>
    <canvas canvas-id="myCanvas"></canvas>
  </view>
</template>

<script>
export default {
  onReady() {
    uni.getImageInfo({
      src: '本地图片路径',
      success: (res) => {
        const ctx = uni.createCanvasContext('myCanvas', this);
        ctx.drawImage(res.path, 0, 0);
        ctx.draw();
      }
    })
  }
}
</script>

其中，`canvas-id`是canvas组件的唯一标识符，`createCanvasContext`方法可以获取到canvas的绘图上下文。在`drawImage`方法中，第一个参数是图片的路径，第二个和第三个参数是图片在canvas上的位置。最后调用`draw`方法将画布渲染出来。

相关问题

uniapp canvas图片处理

uniapp中的canvas在绘制跨域图片时可能会报错。解决这个问题的方法是通过使用uni.getImageInfo()方法将线上图片转换成本地图片，然后再进行绘制。具体步骤如下：
1. 使用uni.getImageInfo()方法获取线上图片的信息，包括路径等。
2. 在成功获取图片信息后，将获取到的本地图片路径保存到变量中，例如this.head。
3. 使用context.drawImage()方法绘制canvas，将this.head作为参数传入，指定绘制的位置和大小。

通过以上步骤，你就可以在uniapp中绘制跨域图片了。

uniapp canvas图片跨域

在uniapp中，如果想要在canvas中绘制跨域图片，可以通过将图片转换为base64格式然后使用context.drawImage()方法来实现。首先，你需要创建一个画布并设置其样式，例如：

<canvas style="background-color: #fff; border: 1px solid #d0d0d0; width: 100vw; height: 100vh; position: absolute; left: 100%;" canvas-id="myCanvas" id="myCanvas"></canvas>

然后，你可以将图片转换为base64格式，并在canvas中使用context.drawImage()方法将其绘制出来。这样就可以成功在canvas中使用跨域图片了。如果遇到H5本地图片画布无法成功的情况，你可以尝试使用小程序来实现。希望对你有帮助！