CanvasContext.setTextAlign

2020-08-26 16:41 更新

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

方法參數(shù)

屬性名類型必填默認值說明

align

String

有效值 'left' 、 'center' 、 'right' 。

示例 

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


圖片示例

圖片

代碼示例

<canvas canvas-id="myCanvas" class="myCanvas" />
Page({
    onLoad() {
       const canvasContext = swan.createCanvasContext('myCanvas');

        canvasContext.setStrokeStyle('red');
        canvasContext.moveTo(150, 20);
        canvasContext.lineTo(150, 170);
        canvasContext.stroke();

        canvasContext.setFontSize(15);
        canvasContext.setTextAlign('left');
        canvasContext.fillText('textAlign=left', 150, 60);

        canvasContext.setTextAlign('center');
        canvasContext.fillText('textAlign=center', 150, 80);

        canvasContext.setTextAlign('right');
        canvasContext.fillText('textAlign=right', 150, 100);

        canvasContext.draw();
    }
});


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號