2021-05-25 04:58:29 +00:00
|
|
|
import { isPointInElement, moveElement } from './action.js';
|
|
|
|
|
|
|
|
|
|
let selectIdx = -1;
|
|
|
|
|
let prevPoint = { x: null, y: null };
|
|
|
|
|
|
|
|
|
|
export function initEvent(board) {
|
|
|
|
|
|
|
|
|
|
board.on('point', (p) => {
|
|
|
|
|
selectIdx = isPointInElement(board, p);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
board.on('move', (p) => {
|
|
|
|
|
moveElement(board, selectIdx, p.x - prevPoint.x, p.y - prevPoint.y);
|
|
|
|
|
prevPoint = p;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
board.on('moveStart', (p) => {
|
|
|
|
|
prevPoint = p;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
board.on('moveEnd', (p) => {
|
|
|
|
|
selectIdx = false;
|
|
|
|
|
});
|
2021-06-09 05:21:36 +00:00
|
|
|
|
|
|
|
|
board.on('scale', (num) => {
|
|
|
|
|
console.log('on("scale") = ', num);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
board.on('scrollX', (num) => {
|
|
|
|
|
console.log('on("scrollX") = ', num);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
board.on('scrollX', (num) => {
|
|
|
|
|
console.log('on("scrollX") = ', num);
|
|
|
|
|
});
|
2021-06-13 13:23:21 +00:00
|
|
|
|
|
|
|
|
board.on('hover', (p) => {
|
2021-06-13 14:41:40 +00:00
|
|
|
// console.log('hover', p);
|
2021-06-13 13:23:21 +00:00
|
|
|
})
|
2021-08-22 07:21:37 +00:00
|
|
|
|
|
|
|
|
board.on('doubleClick', (p) => {
|
2021-08-22 08:10:09 +00:00
|
|
|
console.log('on("doubleClick")', p);
|
2021-08-22 07:21:37 +00:00
|
|
|
})
|
2021-05-25 04:58:29 +00:00
|
|
|
}
|