CanvasContext.setTextBaseline
2020-09-14 15:18 更新
简介
CanvasContext.setTextBaseline 用于设置当前文本基线的属性。
扫码体验

效果示例

示例代码
//.js
const ctx = my.createCanvasContext('canvas')
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()
显示效果如下图所示: 
入参
Object 类型,属性如下:
| 属性 | 类型 | 描述 |
|---|---|---|
| textBaseline | String | Canvas 2D API 描述绘制文本时,当前文本基线的属性。可选值为 "top" 、"hanging"、 "middle"、 "alphabetic"、 "ideographic"、 "bottom"。 |
以上内容是否对您有帮助:

免费 AI IDE


更多建议: