### [微信小程序drawImage理解](https://www.prosaas.cn/article/17710)

**Published:** 2018-03-17T05:45:44

**Author:** 5201314

**Excerpt:** 本文主要和大家分享微信小程序drawImage理解，希望能帮助到大家一.drawImage参数二.使用案例1.…

本文主要和大家分享微信小程序drawImage理解，希望能帮助到大家

一.drawImage参数

![](https://img.php.cn/upload/article/000/054/025/4d651d2b75efe75069f8df29910cba9b-0.png)  

二.使用案例

1.上传图片时： chooseImage是调用相机和手机相册的接口

![](https://img.php.cn/upload/article/000/054/025/4d651d2b75efe75069f8df29910cba9b-1.png)  

2.绘制指定的图片(图片直接在小程序的images文件夹中）

		const ctx = wx.createCanvasContext('myCanvas');
		ctx.drawImage('../uploads/foods.jpg', 0, 0, 150, 100);
		ctx.draw();

相关推荐：

H5 Canvas API中drawImage(图像进行缩放或裁剪)的使用实例

HTML5使用drawImage()方法绘制图像\_html5教程技巧

HTML5中drawImage用法分析\_html5教程技巧

以上就是微信小程序drawImage理解的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---