Fabric.js 图像 scaleY 属性

在 Fabric.js 中，图像对象的 scaleY 属性用于设置或返回图像的垂直比例因子。它可以用于缩放图像的高度，而保持其宽度不变。

语法

以下是图像对象的 scaleY 属性的语法：

image.scaleY = value;

或

image.set('scaleY', value);

其中，value 为一个数字，表示垂直比例因子。默认值为 1，即不发生垂直缩放。

示例

下面的代码演示了如何使用 scaleY 属性缩小一个图像的高度：

// 创建画布
var canvas = new fabric.Canvas('canvas');

// 创建图像对象
fabric.Image.fromURL('path/to/image.jpg', function(img) {

  // 设置 scaleY 属性
  img.scaleY = 0.5;

  // 将图像添加到画布
  canvas.add(img);
});

注意事项

• 通过设置 scaleY 属性，可以改变图像的高度，但宽度将保持不变。
• scaleY 属性的取值范围为非负实数。
• 还可以使用 image.scale 属性来同时设置图像的宽度和高度比例因子。
• 如果要在动画中缩放图像，可以使用 obj.animate 方法，其中 obj 是图像对象。

参考链接

• Fabric.js scaleY