在微信小程序的 Canvas 绘图中，可以使用 setTextAlign 方法来设置文字的水平对齐方式。以下是一个简单的示例，演示如何在 Canvas 中绘制水平居中对齐的文本：
Page({
  onReady: function () {
    const ctx = wx.createCanvasContext('myCanvas');

    // 设置画布大小
    const canvasWidth = 300;
    const canvasHeight = 150;

    // 设置文本样式
    ctx.setFontSize(20);
    ctx.setFillStyle('black');

    // 设置文本水平对齐方式为居中
    ctx.setTextAlign('center');

    // 文本内容
    const text = '水平居中对齐';

    // 绘制文本
    ctx.fillText(text, canvasWidth / 2, canvasHeight / 2);

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

在这个示例中，我们使用了 setTextAlign('center') 将文本的水平对齐方式设置为居中。然后，在 fillText 方法中指定了文本的位置为画布中心 (canvasWidth / 2, canvasHeight / 2)。

你可以根据需要将 setTextAlign 设置为 'left' 或 'right'，来使文本左对齐或右对齐。


转载请注明出处：http://www.pingtaimeng.com/article/detail/1004/微信小程序