微信小程序设置文本左对齐居中对齐右对齐setTextAlign的使用说明

微信官方说明文档如下。特别注意:

对齐方式的基准点,是以整个画布的宽度的一半的中心轴为基准线。

左对齐:即文本左侧贴向中心y轴。

居中对齐:即文本以中心y轴对齐。

右对齐:即文本右侧贴向中心轴y。

const ctx = wx.createCanvasContext('myCanvas')

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

猜你喜欢

转载自blog.csdn.net/ktucms/article/details/80724458
今日推荐