微信小程序在canvas上写样式

微信小程序中可以通过使用 `canvas` 组件来绘制图形和写样式。以下是一个简单的示例，演示如何在 `canvas `上写样式：

<canvas canvas-id="myCanvas"></canvas>

// 获取上下文对象
const ctx = wx.createCanvasContext('myCanvas')

// 设置字体样式
ctx.setFontSize(20)
ctx.setTextAlign('center')
ctx.setTextBaseline('middle')
ctx.setFillStyle('red')

// 写字
ctx.fillText('Hello, world!', 150, 100)

// 绘制到画布上
ctx.draw()

在上面的示例中，我们首先通过 `wx.createCanvasContext` 方法获取了 `canvas` 组件的上下文对象，然后通过 `ctx` 对象来设置字体样式、写字和绘制到画布上。最后，调用 `ctx.draw()` 方法将绘制的内容渲染到画布上。

需要注意的是，`canvas` 组件的宽高需要通过 `style` 属性或者 `wxss` 文件来设置。例如：

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

或者在 `wxss` 文件中设置：

canvas {
  width: 300px;
  height: 200px;
}

希望这个简单的示例对你有所帮助。