📜  Fabric.js | Rect scaleY 属性(1)

📅  最后修改于: 2023-12-03 15:00:42.178000             🧑  作者: Mango

Fabric.js | Rect scaleY 属性

在 Fabric.js 中,Rect 是一个基本的图形对象,它用于创建一个矩形。scaleY 属性用于设置矩形的垂直缩放比例。

使用方法

可以通过以下两种方法来设置 scaleY 属性:

  1. 在对象创建时

    var rect = new fabric.Rect({
        width: 100,
        height: 100,
        fill: 'red',
        scaleY: 2   // 设置 scaleY 为 2
    });
    
  2. 在对象创建后

    rect.set('scaleY', 2);  // 设置 scaleY 为 2
    canvas.renderAll();
    
注意事项
  1. scaleY 属性必须是一个数字值。当 scaleY 设为 1 时表示不缩放,设为 0.5 表示缩小为原来的一半,设为 2 表示放大到原来的两倍。
  2. scaleY 所设置的值会影响矩形的高度,但不影响矩形的宽度。如果要同时改变宽度和高度,可以使用 scale 属性。