Как получить новые точки линии после преобразования в KonvaJS - PullRequest
0 голосов
/ 05 апреля 2020

Допустим, я рисую прямоугольник на Canvas с помощью Konva.Line (я не хочу использовать Konva.Rect для конкретных приложений c причин), задав ему следующий массив точек

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

Далее я делаю некоторые преобразования на нем. Я масштабирую X на 1,5, а Y на 2,5. Я также повернул его на 45 градусов против часовой стрелки.

Теперь я хочу узнать новые координаты точек, используя объект Konva.Line. Я знаю, что он имеет позиции (), вращение (), scaleX (), scaleY () и исходный массив точек. Но как мне использовать их, чтобы прийти к окончательным координатам.

1 Ответ

0 голосов
/ 06 апреля 2020

Чтобы получить абсолютную позицию любой точки линии, вы можете использовать это:

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