CanvasContext.setTextBaseline

2020-09-14 15:18 更新

简介

CanvasContext.setTextBaseline 用于设置当前文本基线的属性。

扫码体验

undefined

效果示例

画布.gif

示例代码

//.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()

显示效果如下图所示: ctx.text对齐.png

入参

Object 类型,属性如下:

属性 类型 描述
textBaseline String Canvas 2D API 描述绘制文本时,当前文本基线的属性。可选值为 "top" 、"hanging"、 "middle"、 "alphabetic"、 "ideographic"、 "bottom"。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号