Нужно выбрать перед перетаскиванием объекта FabricJS - PullRequest
Новая
       10

Нужно выбрать перед перетаскиванием объекта FabricJS

0 голосов
/ 20 июня 2019

Если я хочу изменить положение моего невыбранного или неактивного объекта TextBox, я должен выбрать его перед перетаскиванием на новую позицию.Я скорее хочу переместить его, просто перемещая курсор вверх к объекту и только одним щелчком мыши по объекту.

1 Ответ

0 голосов
/ 20 июня 2019

Я использовал mouseover событие для обработки этого.Привязка события mouseover к объекту (в моем случае это TextBox ) и применение метода setActiveObject () на холсте путем передачи объекта решает эту проблему.Вот код: 

this.canvas = new fabric.Canvas('canvas');
let text = new fabric.Textbox('Enter text here', {
  fontFamily: 'Helvetica',
  fill: "#C0C0C0",
  textAlign: 'center',      
  borderColor: '#00c6d2',
  editingBorderColor: '#00c6d2',
  padding: 15,
  originX: 'center',
  originY: 'center',
  width: 300,
});
text.on('mouseover', (e) => {
  this.canvas.setActiveObject(text);
});
this.canvas.add(text);
this.canvas.centerObject(text);
this.canvas.renderAll();

Макруп выглядит следующим образом: 

<canvas id="canvas" width="500" height="500"></canvas>
...