CanvasContext.setTextBaseline

解釋：用于設(shè)置文字的水平對齊。

方法參數(shù)

StringtextBaselinetextBaseline 參數(shù)說明：有效值 'top' 、 'bottom' 、 'middle' 、 'normal' 。

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

<canvas canvas-id="myCanvas" class="myCanvas" />

Page({
    onLoad() {
        const canvasContext = swan.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();
    }
});