Fabric.js 文本框 textAlign 属性

简介

Fabric.js 是一个用于 HTML5 canvas 的可重用性，面向对象并且易于使用的库。 Fabric.js 像 jQuery 一样简化了对 HTML document 的操作。Fabric.js 让你可以创建 HTML canvas 界面组件，比如：画布，矩形，圆形，三角形，多边形，直线，箭头，图像 (JPG，PNG，SVG)，拖放窗口，文本等。

Fabric.js 文本框 textAlign 属性是指文本水平对齐方式的属性，可设置的值包括 left、center 和 right。

语法

text.setTextAlign(value);

示例

var canvas = new fabric.Canvas('canvas');
var text = new fabric.Text('Hello World', {
   left: 100,
   top: 100,
   fontFamily: 'Helvetica',
   fontSize: 30,
   fill: 'red',
});
text.setTextAlign('center');
canvas.add(text);
canvas.renderAll();

Markdown代码片段

# Fabric.js 文本框 textAlign 属性

## 简介

Fabric.js 是一个用于 HTML5 canvas 的可重用性，面向对象并且易于使用的库。 Fabric.js 像 jQuery 一样简化了对 HTML document 的操作。Fabric.js 让你可以创建 HTML canvas 界面组件，比如：画布，矩形，圆形，三角形，多边形，直线，箭头，图像 (JPG，PNG，SVG)，拖放窗口，文本等。

Fabric.js 文本框 textAlign 属性是指文本水平对齐方式的属性，可设置的值包括 left、center 和 right。

## 语法
```javascript
text.setTextAlign(value);

示例

var canvas = new fabric.Canvas('canvas');
var text = new fabric.Text('Hello World', {
   left: 100,
   top: 100,
   fontFamily: 'Helvetica',
   fontSize: 30,
   fill: 'red',
});
text.setTextAlign('center');
canvas.add(text);
canvas.renderAll();