From 59c8bcc9e93d421da41a50cd30eb898068a4f5be Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Sun, 27 Jan 2019 14:22:17 +0100 Subject: [PATCH] Add events for the canvas move --- src/commands/view/CanvasMove.js | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/src/commands/view/CanvasMove.js b/src/commands/view/CanvasMove.js index 87e7356a3..ac557d070 100644 --- a/src/commands/view/CanvasMove.js +++ b/src/commands/view/CanvasMove.js @@ -29,7 +29,7 @@ module.exports = { }, toggleDragger(enable, ev) { - const { canvasModel } = this; + const { canvasModel, em } = this; let { dragger } = this; const methodCls = enable ? 'add' : 'remove'; this.getCanvas().classList[methodCls](`${this.ppfx}is__grabbing`); @@ -44,19 +44,16 @@ module.exports = { }, setPosition({ x, y }) { canvasModel.set({ x, y }); + }, + onStart(ev, dragger) { + em.trigger('canvas:move:start', dragger); + }, + onDrag(ev, dragger) { + em.trigger('canvas:move', dragger); + }, + onEnd(ev, dragger) { + em.trigger('canvas:move:end', dragger); } - // onStart(ev, dragger) { - // console.log('START'); - // console.log('pointer start', dragger.startPointer, 'position start', dragger.startPosition); - // }, - // onDrag(ev, dragger) { - // console.log('DRAG'); - // console.log('pointer', dragger.currentPointer, 'position', dragger.position, 'delta', dragger.delta); - // }, - // onEnd(ev, dragger) { - // console.log('END'); - // console.log('pointer', dragger.currentPointer, 'position', dragger.position, 'delta', dragger.delta); - // }, }); this.dragger = dragger; }