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