diff --git a/src/canvas/types.ts b/src/canvas/types.ts index 4fdd01e3d..0a3d0f098 100644 --- a/src/canvas/types.ts +++ b/src/canvas/types.ts @@ -62,34 +62,6 @@ export enum CanvasEvents { */ spotRemove = 'canvas:spot:remove', - /** - * @event `canvas:viewport` Canvas viewport updated (eg. zoom or coordinates). - * @example - * editor.on('canvas:viewport', () => { - * const { Canvas } = editor; - * console.log('Canvas, zoom:', Canvas.getZoom(), 'coords:', Canvas.getCoords()); - * }); - */ - viewport = 'canvas:viewport', - - /** - * @event `canvas:viewport:start` Canvas viewport update started (eg. zooming or panning) - * @example - * editor.on('canvas:viewport:start', () => { - * console.log('viewport update started') - * }); - */ - viewportStart = 'canvas:viewport:start', - - /** - * @event `canvas:viewport:end` Canvas viewport update ended. This event is debounced on 300ms from the `canvas:viewport:start`. - * @example - * editor.on('canvas:viewport:end', () => { - * console.log('viewport updated ended') - * }); - */ - viewportEnd = 'canvas:viewport:end', - /** * @event `canvas:coords` Canvas coordinates updated. * @example @@ -103,7 +75,7 @@ export enum CanvasEvents { * @event `canvas:zoom` Canvas zoom updated. * @example * editor.on('canvas:zoom', () => { - * console.log('New canvas zoom:', editor.Canvas.getZoom()); + * console.log('Canvas zoom updated:', editor.Canvas.getZoom()); * }); */ zoom = 'canvas:zoom', diff --git a/src/canvas/view/CanvasView.ts b/src/canvas/view/CanvasView.ts index 4e201ed9b..d01498ee4 100644 --- a/src/canvas/view/CanvasView.ts +++ b/src/canvas/view/CanvasView.ts @@ -228,20 +228,14 @@ export default class CanvasView extends ModuleView { } updateFrames(ev: Event) { - const { em, module } = this; - const { events } = module; + const { em } = this; const defOpts = { preserveSelected: 1 }; this.updateFramesArea(); this.clearOff(); em.stopDefault(defOpts); em.trigger('canvas:update', ev); - em.trigger(events.viewport); - this.timerZoom ? clearTimeout(this.timerZoom) : em.trigger(events.viewportStart); - this.timerZoom = setTimeout(() => { - em.runDefault(defOpts); - em.trigger(events.viewportEnd); - delete this.timerZoom; - }, 300) as any; + this.timerZoom && clearTimeout(this.timerZoom); + this.timerZoom = setTimeout(() => em.runDefault(defOpts), 300) as any; } updateFramesArea() { @@ -253,7 +247,6 @@ export default class CanvasView extends ModuleView { const zoomDc = module.getZoomDecimal(); framesArea.style.transform = `scale(${zoomDc}) translate(${x * mpl}px, ${y * mpl}px)`; - // framesArea.style.transformOrigin = 'top left'; } if (cvStyle) {