CanvasContext.setTextAlign

簡(jiǎn)介

CanvasContext.setTextAlign 用于 Canvas 2D API 描述繪制文本時(shí)，設(shè)置文本的對(duì)齊方式。該對(duì)齊是基于CanvasRenderingContext2D.fillText 方法的 x 的值。如果 textAlign="center"，那么該文本將畫(huà)在 x-50%*width 的位置。

掃碼體驗(yàn)

效果示例

示例代碼

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

顯示效果如下圖所示：

入?yún)?/h4>

Object 類(lèi)型，屬性如下：

屬性	類(lèi)型	描述
textAlign	String	枚舉 left、right、center、start、end。