CanvasContext.setTextAlign

简介

CanvasContext.setTextAlign 用于 Canvas 2D API 描述绘制文本时，设置文本的对齐方式。该对齐是基于CanvasRenderingContext2D.fillText 方法的 x 的值。如果 textAlign="center"，那么该文本将画在 x-50%*width 的位置。

扫码体验

效果示例

示例代码

const ctx = my.createCanvasContext('canvas');
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()

显示效果如下图所示：

入参

Object 类型，属性如下：