uni-app canvas 实现文字居中

可以使用 canvas 的 `textAlign` 和 `textBaseline` 属性来实现文字水平和垂直居中。具体实现步骤如下：

1. 获取 canvas 对象和绘图上下文对象：

const canvas = uni.createCanvasContext('myCanvas', this);

2. 设置文字样式和位置：

canvas.setFontSize(20); // 设置文字大小
canvas.setTextAlign('center'); // 设置文字水平居中
canvas.setTextBaseline('middle'); // 设置文字垂直居中
canvas.fillText('Hello, World!', canvas.width / 2, canvas.height / 2);

完整示例代码如下：

<template>
  <view>
    <canvas canvas-id="myCanvas" style="width: 100%; height: 300rpx;"></canvas>
  </view>
</template>

<script>
export default {
  onReady() {
    const canvas = uni.createCanvasContext('myCanvas', this);
    canvas.setFontSize(20);
    canvas.setTextAlign('center');
    canvas.setTextBaseline('middle');
    canvas.fillText('Hello, World!', canvas.width / 2, canvas.height / 2);
    canvas.draw();
  }
}
</script>