Fabric.js Itext scaleY 属性

在 Fabric.js 中，Itext 是一个内置对象，它是一个可以包含多行文本的对象。可以使用 scaleY 属性来控制 IText 对象的纵向缩放。

1. scaleY 属性的作用

scaleY 是纵向缩放比例，取值范围为 0 到 1。

当 scaleY 为 1 时，不进行纵向缩放，Itext 对象的高度不变。

当 scaleY 小于 1 时，Itext 对象的高度会缩小。例如，当 scaleY 为 0.5 时，Itext 对象的高度将变为原来的一半。

当 scaleY 大于 1 时，Itext 对象的高度会放大。例如，当 scaleY 为 2 时，Itext 对象的高度将变为原来的两倍。

2. scaleY 属性的使用方法

可以使用 set 方法来设置 scaleY 属性：

var itext = new fabric.IText('Hello world', {
  left: 100,
  top: 100,
  scaleY: 0.5
});

itext.set('scaleY', 2);

也可以使用 animate 方法来缓慢改变 scaleY 的值：

itext.animate('scaleY', 2, {
  duration: 2000,
  onChange: canvas.renderAll.bind(canvas),
  easing: fabric.util.ease.easeOutBounce
});

3. scaleY 属性的注意事项

• Itext 对象默认的 scaleY 值为 1。
• scaleY 属性只改变 Itext 对象的纵向大小，不会改变文字的字号。
• 如果同时设置了 scaleY 和 scale 属性，Itext 对象会同时改变纵向和横向大小。