在微信小程序中，使用 draw 方法可以将绘图操作提交到 Canvas。在使用 Canvas 绘图时，所有的绘制操作需要在 draw 方法被调用之后才能生效，否则绘制将不会被显示。

以下是一个简单的示例，演示了如何使用 draw 方法：
Page({
  onReady: function () {
    const ctx = wx.createCanvasContext('myCanvas');

    // 绘制一个红色矩形
    ctx.setFillStyle('red');
    ctx.fillRect(20, 20, 150, 100);

    // 绘制一个蓝色圆形
    ctx.setFillStyle('blue');
    ctx.beginPath();
    ctx.arc(120, 70, 50, 0, 2 * Math.PI);
    ctx.fill();
    ctx.closePath();

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

在这个示例中，我们使用 createCanvasContext 创建了 Canvas 2D 上下文对象 ctx，然后通过 setFillStyle 设置填充颜色，使用 fillRect 绘制了一个红色的矩形。接着，我们再次使用 setFillStyle 设置填充颜色，通过 arc 方法绘制了一个蓝色的圆形。最后，通过 draw 方法将绘图操作提交，使其在 Canvas 上显示出来。

请注意，绘图的顺序决定了图形的显示顺序。在上述示例中，先绘制的矩形会在后绘制的圆形的下方。


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