uniapp canvas怎么不用choose展示本地图片
时间: 2023-10-24 07:28:34 浏览: 149
uniapp展示本地pdf的开源程序
你可以使用uniapp的`getImageInfo` API获取本地图片的信息,然后使用`canvas`的`drawImage`方法将图片绘制到画布上,从而达到不使用`choose`展示本地图片的目的。以下是一个示例代码:
```html
<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`方法将画布渲染出来。
阅读全文