如何在 KonvaJS 中转换后获得新的线点

Question

假设我使用 Konva.Line 在 Canvas 上绘制一个矩形（出于应用程序特定的原因，我不想使用 Konva.Rect），方法是给它以下点数组

let points = [300, 100, 500, 100, 500, 200, 300, 200, 300, 100]

接下来我对其进行一些转换。 我将 X 缩放 1.5，Y 缩放 2.5。 我也将它逆时针旋转 45 度。

现在我想知道使用 Konva.Line object 的点的新坐标。 我知道它有 position()、rotation()、scaleX()、scaleY() 和原始点数组。 但是我如何使用这些来得出最终的坐标。

Answer 1

要获得直线任意点的绝对 position，您可以使用以下命令：

line.getAbsoluteTransform().point({ x: 300, y: 100})