Fabric.js ActiveSelection calcOwnMatrix() 方法

calcOwnMatrix() 是 Fabric.js ActiveSelection 对象上的一个方法，用于计算当前选中对象的变换矩阵。

基本用法

var activeSelection = new fabric.ActiveSelection(objects, options);
activeSelection.calcOwnMatrix();

参数

calcOwnMatrix() 方法没有参数。

返回值

calcOwnMatrix() 方法返回一个数组，包含当前选中对象的变换矩阵的 6 个值。这些值按照下列顺序排列：

[ scaleX, skewX, skewY, scaleY, translateX, translateY ]

示例

以下是一个简单的示例，演示如何使用 calcOwnMatrix() 方法来计算当前选中对象的变换矩阵：

// 创建红色正方形
var redRect = new fabric.Rect({
  fill: 'red',
  width: 100,
  height: 100
});

// 创建蓝色圆形
var blueCircle = new fabric.Circle({
  fill: 'blue',
  radius: 50,
  left: 50,
  top: 50
});

// 创建 ActiveSelection
var activeSelection = new fabric.ActiveSelection([ redRect, blueCircle ], {
  hasRotatingPoint: false
});

// 将 ActiveSelection 添加到画布
canvas.add(activeSelection);

// 计算变换矩阵
var matrix = activeSelection.calcOwnMatrix();

console.log(matrix);

这将在控制台中输出 matrix 数组的值。

注意事项

calcOwnMatrix() 方法只能在选中了一个或多个对象之后才能使用。如果没有选中任何对象，将会返回一个空数组。