小程序 canvas生成图片缩放

对于小程序中的 canvas 生成图片并进行缩放，你可以按照以下步骤进行操作：

1. 创建一个 canvas 组件，并设置好宽度和高度。

   <canvas id="myCanvas" style="width: 300px; height: 300px;"></canvas>

2. 在小程序的 js 文件中获取到 canvas 组件的上下文对象。

   const ctx = wx.createCanvasContext('myCanvas');

3. 使用 canvas 绘制你想要的内容。

   ctx.setFillStyle('red');
   ctx.fillRect(0, 0, 300, 300);
   // 绘制其他内容...
   ctx.draw();

4. 在 canvas 绘制完成后，调用 canvasToTempFilePath 方法生成临时图片文件。

   wx.canvasToTempFilePath({
     canvasId: 'myCanvas',
     success(res) {
       const tempFilePath = res.tempFilePath;
       // 处理生成的临时图片文件
     }
   });

5. 对生成的临时图片进行缩放。你可以使用小程序的图片 API 中的 `getImageInfo` 方法获取到图片的宽度和高度，然后根据需求进行缩放计算。

   wx.getImageInfo({
     src: tempFilePath,
     success(res) {
       const width = res.width; // 图片原始宽度
       const height = res.height; // 图片原始高度
       const scale = 0.5; // 缩放比例，比如缩小为原来的一半

       const newWidth = width * scale; // 缩放后的宽度
       const newHeight = height * scale; // 缩放后的高度

       // 使用新的宽度和高度进行缩放
       // 处理缩放后的图片
     }
   });

请根据你的实际需求，将上述代码片段进行适当修改和组合。希望对你有所帮助！