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"。 |
以上内容是否对您有帮助:
更多建议: