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 对象的点的新坐标。我知道它有 position()、rotation()、scaleX()、scaleY() 和原始点数组。但是我如何使用这些来得出最终坐标。

Answer 1

要获得直线上任意点的绝对位置，您可以使用此方法：

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

How to get new points of line after transformation in KonvaJS