canvascontext.settextalign(string textalign)
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
canvascontext.settextalign 用于设置文本的对齐方式。
该对齐相对于文本被指定绘制的位置,而非整个屏幕。
效果示例
文字对齐方式
string textalign
文字的对齐方式
枚举值 | 描述 | 兼容性 |
---|---|---|
left | 文本左对齐。 | - |
right | 文本右对齐。 | - |
center | 文本居中对齐。 | - |
代码示例
.js
.axml
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()
<canvas id="canvas">canvas>