全部产品

CanvasContext.setTextBaseline

设置当前文本基线的属性。

入参

Object 类型,属性如下:

属性类型可选值描述
textBaselineString"top" 、"hanging"、 "middle"、 "alphabetic"、 "ideographic"、 "bottom"Canvas 2D API 描述绘制文本时,当前文本基线的属性。

示例代码

//.js
const ctx = my.createCanvasContext('awesomeCanvas')
ctx.setStrokeStyle('red')
ctx.moveTo(5, 75)
ctx.lineTo(295, 75)
ctx.stroke()

ctx.setFontSize(20)

ctx.setTextBaseline('top')
ctx.fillText('top', 5, 75)

ctx.setTextBaseline('middle')
ctx.fillText('middle', 50, 75)

ctx.setTextBaseline('bottom')
ctx.fillText('bottom', 120, 75)

ctx.setTextBaseline('normal')
ctx.fillText('normal', 200, 75)

ctx.draw()

显示效果如下图所示:

image