全部产品

CanvasContext.setTextAlign

设置文本的对齐方式。该对齐是基于 CanvasRenderingContext2D.fillText 方法的 x 的值。如果 textAlign="center",那么该文本将画在 x-50%*width 的位置。

入参

Object 类型,属性如下:

属性

类型

定义

textAlign

String

枚举 "left" "right" "center" "start" "end"

示例代码

const ctx = my.createCanvasContext('awesomeCanvas');
ctx.setStrokeStyle('red')
ctx.moveTo(150, 20)
ctx.lineTo(150, 170)
ctx.stroke()

ctx.setFontSize(15)
ctx.setTextAlign('left')
ctx.fillText('textAlign=left', 150, 60)

ctx.setTextAlign('center')
ctx.fillText('textAlign=center', 150, 80)

ctx.setTextAlign('right')
ctx.fillText('textAlign=right', 150, 100)

ctx.draw()

显示效果如下图所示:

image