Как изменить положение значка вращения трансформатора - PullRequest
Новая
       38

Как изменить положение значка вращения трансформатора

0 голосов
/ 23 октября 2019

Я начал реагировать-конва. И я пытаюсь использовать Transfomer.

На данный момент обработчик поворота находится в верхнем центре, и я хочу поместить его в нижний центр, в левую или другую сторону. Как я могу это сделать?

https://konvajs.org/docs/select_and_transform/Transformer_Styling.html

1 Ответ

0 голосов
/ 23 октября 2019

В текущий момент (konva@4.0.16) это невозможно сделать напрямую с Konva API. Но вы можете обойти эту проблему, поместив фигуру внутри повернутой группы. 

const group = new Konva.Group({
  x: stage.width() / 2,
  y: stage.height() / 2,
  rotation: 90
});
layer.add(group);

const shape = new Konva.Rect({
  rotation: -90,
  width: 100,
  height: 50,
  fill: 'green'
});
group.add(shape);

const tr = new Konva.Transformer({
  node: group
})
layer.add(tr);

Но в этом случае отслеживание абсолютного положения фигуры является более сложным. Потому что Konva.Transformer изменит атрибуты группы, а не форму.

https://jsbin.com/peqinuzuqi/1/edit?html,js,output

...