wx.createSelectorQuery() .select('#myCanvas') // 在 WXML 中填入的 id .fields({ node: true, size: true }) .exec((res) => { // Canvas 对象 const canvas = res[0].node // 渲染上下文 const ctx = canvas.getContext('2d') // Canvas 画布的实际绘制宽高 const width = res[0].width const height = res[0].height // 初始化画布大小 const dpr = wx.getWindowInfo().pixelRatio canvas.width = width * dpr canvas.height = height * dpr ctx.scale(dpr, dpr) // 绘制红色正方形 ctx.fillStyle = 'rgb(200, 0, 0)'; ctx.fillRect(10, 10, 50, 50); // 绘制蓝色半透明正方形 ctx.fillStyle = 'rgba(0, 0, 200, 0.5)'; ctx.fillRect(30, 30, 50, 50); // 生成图片 let prxWidth = 1; wx.canvasToTempFilePath({ canvas, x: parseInt(15 * prxWidth), //画布x轴起点 y: parseInt(10 * prxWidth), //画布y轴起点 width: parseInt(100 * prxWidth), //画布宽度 height: parseInt(100 * prxWidth), //画布高度 // destWidth: 100, //输出图片宽度 // destHeight: 100, //输出图片高度 success: res => { // 生成的图片临时文件路径 this.setData({ tempFilePath: res.tempFilePath }) }, }) }) [图片][图片] 同一份示例代码，不同的微信版本。缩小的为8.0.27版本，正常的为8.0.26版本！