Fabric.js Itext scaleX 属性

Fabric.js 是一个用于构建基于 canvas 的交互式界面的强大 Javascript 库。其中的 IText 组件是用于在 canvas 中呈现可编辑的文本的组件。其中，scaleX 属性用于控制 IText 组件的水平缩放比例。

语法

iText.set('scaleX', scaleXValue);

其中，iText 是一个 IText 组件对象，scaleXValue 是一个数值，表示要设置的水平缩放比例，1 表示原大小。

示例

// 创建一个画布
var canvas = new fabric.Canvas('canvas');
// 创建一个 IText 组件
var iText = new fabric.IText('Hello Fabric.js', {
  left: 50,
  top: 50,
  fontSize: 20,
  fontFamily: 'Arial'
});
// 设置水平缩放比例为 2
iText.set('scaleX', 2);
// 将 IText 组件添加到画布中
canvas.add(iText);

此代码会创建一个画布并在其中创建一个 IText 组件，设置水平缩放比例为 2，并将其添加到画布中。

效果

我们可以看到创建的 IText 组件被水平缩放了两倍。