解释：用于设置文字的水平对齐。
String textBaseline
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
|---|---|---|---|---|---|
| textBaseline | String | 是 | 文字的竖直对齐方式 |
textBaseline 的合法值
值 | 说明 |
|---|---|
| top | 顶部对齐 |
| bottom | 底部对齐 |
| middle | 居中对齐 |
| normal | 效果类似于：底部对齐 |
Page({
onLoad() {
const canvasContext = xhs.createCanvasContext('myCanvas');
canvasContext.setStrokeStyle('red');
canvasContext.moveTo(5, 75);
canvasContext.lineTo(295, 75);
canvasContext.stroke();
canvasContext.setFontSize(20);
canvasContext.setTextBaseline('top');
canvasContext.fillText('top', 5, 75);
canvasContext.setTextBaseline('middle');
canvasContext.fillText('middle', 50, 75);
canvasContext.setTextBaseline('bottom');
canvasContext.fillText('bottom', 120, 75);
canvasContext.setTextBaseline('normal');
canvasContext.fillText('normal', 200, 75);
canvasContext.draw();
}
});