fabricjs - 修改后重新计算路径的数组-fabricjs

Question

在 fabricjs 中移动、重新缩放或旋转路径后，我想重新计算路径的数组坐标，以便以后使用它们在普通的 HTML5 画布上绘制完全相同的路径。

我通过存储角度然后执行整个 html 画布的转换来绕过旋转。对于翻译，我尝试重新计算点，如下所示：

point[1] = (point[1] + modifiedObject.left - oldState.left);
point[2] = (point[2] + modifiedObject.top - oldState.top);

但这会与重新调整织物尺寸相混淆。我也尝试在点上使用转换矩阵，但这也不起作用，我认为这是因为我错过了中间的一些步骤。

任何帮助，将不胜感激。

这是我在本质上尝试做的一个简单演示：https ://jsfiddle.net/1b68eLdr/86688/

标签： fabricjs