CanvasContext.setTextAlign

2020-08-26 16:41 更新

解释:用于设置文字的对齐。

方法参数

属性名类型必填默认值说明

align

String

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

示例 

在开发者工具中打开


图片示例

图片

代码示例

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


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号