📜  Fabric.js min() 方法(1)

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

Fabric.js min() 方法

通过使用 min() 方法,可以获取到 Fabric.js 中对象集合中的最小值。该方法接收一个参数,指定要比较的属性名称,并返回一个具有最小值的对象。

语法
collection.min(propertyName, [sorted]);
参数
  • propertyName (String):要比较的属性名称
  • sorted (Boolean):可选参数,指定是否已经对集合进行排序,默认值为 false
返回值

该方法返回具有最小属性值的对象。

示例
var canvas = new fabric.Canvas('canvas');

var rect1 = new fabric.Rect({
    left: 100,
    top: 100,
    width: 50,
    height: 50,
    fill: 'red'
});

var rect2 = new fabric.Rect({
    left: 200,
    top: 200,
    width: 100,
    height: 100,
    fill: 'blue'
});

canvas.add(rect1, rect2);

// 获取集合中的最小 top 值
var minY = canvas.getObjects().min('top');

console.log(minY); // 输出 { top: 100, left: 100, width: 50, height: 50, ... }
注意事项
  • min() 方法只适用于 Fabric.js 中的对象集合。
  • 如果指定的属性值不是数字类型,则会返回 NaN
  • 如果集合中没有对象,则会返回 null
  • 如果已经对集合进行了排序,则第二个参数可以传入 true,以提高性能。