title: CanvasContext.setTextAlign header: develop nav: api

sidebar: canvas_CanvasContext-setTextAlign

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

方法参数

属性名 类型 必填 默认值 说明
align String 是 有效值 ‘left’、’center’、’right’。

示例

在开发者工具中预览效果

扫码体验

sidebar: canvas_CanvasContext-setTextAlign - 图1 请使用百度APP扫码

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  3. canvasContext.setStrokeStyle('red');
  4. canvasContext.moveTo(150, 20);
  5. canvasContext.lineTo(150, 170);
  6. canvasContext.stroke();
  8. canvasContext.setFontSize(15);
  9. canvasContext.setTextAlign('left');
  10. canvasContext.fillText('textAlign=left', 150, 60);
  12. canvasContext.setTextAlign('center');
  13. canvasContext.fillText('textAlign=center', 150, 80);
  15. canvasContext.setTextAlign('right');
  16. canvasContext.fillText('textAlign=right', 150, 100);
  18. canvasContext.draw();

:::