如何在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})