微信小程序API 绘图·drawImage

在微信小程序中，使用 drawImage 方法可以绘制图片到 Canvas 上。以下是一个简单的示例，演示如何使用 drawImage 绘制一张图片：

Page({
  onReady: function () {
    const ctx = wx.createCanvasContext('myCanvas');

    // 图片路径，注意替换成你自己的图片路径
    const imagePath = '/images/sample.jpg';

    // 绘制图片
    ctx.drawImage(imagePath, 20, 20, 200, 150);

    // 绘制到 canvas 上
    ctx.draw();
  }
});

在这个示例中，我们首先创建了 Canvas 上下文对象 ctx，然后使用 drawImage 方法将一张图片绘制到 Canvas 上。drawImage 方法的参数包括图片路径（或者是一个 Image 对象）、起始点的坐标（x, y）以及绘制的宽度和高度。

请注意，你需要将 imagePath 替换成你自己的图片路径。确保图片路径是相对于小程序根目录的相对路径。

如果你想对图片进行缩放、裁剪或者其他操作，可以调整 drawImage 方法的参数。例如，通过设置绘制的宽度和高度，你可以对图片进行缩放。

转载请注明出处：http://www.zyzy.cn/article/detail/1005/微信小程序