CanvasContext.setTextBaseline(string textBaseline)

基础库 1.4.0 开始支持,低版本需做兼容处理

设置文字的竖直对齐

参数

string textBaseline

文字的竖直对齐方式

textBaseline 的合法值

说明最低版本
top顶部对齐
bottom底部对齐
middle居中对齐
normal

示例代码

  1. const ctx = wx.createCanvasContext('myCanvas')
  2. ctx.setStrokeStyle('red')
  3. ctx.moveTo(5, 75)
  4. ctx.lineTo(295, 75)
  5. ctx.stroke()
  6. ctx.setFontSize(20)
  7. ctx.setTextBaseline('top')
  8. ctx.fillText('top', 5, 75)
  9. ctx.setTextBaseline('middle')
  10. ctx.fillText('middle', 50, 75)
  11. ctx.setTextBaseline('bottom')
  12. ctx.fillText('bottom', 120, 75)
  13. ctx.setTextBaseline('normal')
  14. ctx.fillText('normal', 200, 75)
  15. ctx.draw()

CanvasContext.setTextBaseline - 图1