Fabric.js ActiveSelection getObjectOpacity() 方法

介绍

getObjectOpacity() 方法是 Fabric.js 中的一个 ActiveSelection 对象的方法。ActiveSelection 是一种特殊的 Group 对象，它允许同时操作多个选择的图形对象。

该方法用于获取当前 ActiveSelection 对象中所有图形对象的不透明度值。

语法

activeSelection.getObjectOpacity()

返回值

• 返回一个数组，数组中的每个元素对应活动选择（ActiveSelection）中的一个子对象的不透明度值。

示例

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

// 创建两个矩形对象
var rect1 = new fabric.Rect({ left: 50, top: 50, width: 100, height: 100, opacity: 0.5 });
var rect2 = new fabric.Rect({ left: 150, top: 150, width: 100, height: 100, opacity: 0.8 });

// 将两个矩形对象添加到画布中
canvas.add(rect1, rect2);

// 选择两个矩形对象
canvas.setActiveObject(new fabric.ActiveSelection([rect1, rect2], { }));

// 获取选择的矩形对象的不透明度值
var opacities = canvas.getActiveObject().getObjectOpacity();
console.log(opacities); // [0.5, 0.8]

注意事项

• 该方法只能用于 ActiveSelection 对象，不能用于其他类型的对象。
• 如果活动选择中有子对象的不透明度值不同，则返回的数组中的元素顺序与对象被添加到活动选择中的顺序一致。
• 如果活动选择中的某个子对象没有设置不透明度值，则其对应的数组元素为 undefined。
• 如果活动选择中没有子对象，则返回一个空数组 []。