radames commited on
Commit
c2163fa
·
1 Parent(s): 6a839c1

zoom reset

Browse files
Files changed (1) hide show
  1. frontend/src/lib/Canvas.svelte +11 -1
frontend/src/lib/Canvas.svelte CHANGED
@@ -53,7 +53,7 @@
53
  .tapDistance(10)
54
  .on('zoom', zoomed);
55
 
56
- select(canvasEl.parentElement)
57
  .call(zoomHandler as any)
58
  .on('dblclick.zoom', () => {
59
  $isPrompting = true;
@@ -66,6 +66,16 @@
66
  .on('pointerleave', handlePointerLeave);
67
 
68
  canvasCtx = canvasEl.getContext('2d') as CanvasRenderingContext2D;
 
 
 
 
 
 
 
 
 
 
69
  });
70
 
71
  type ImageRendered = {
 
53
  .tapDistance(10)
54
  .on('zoom', zoomed);
55
 
56
+ const selection = select(canvasEl.parentElement)
57
  .call(zoomHandler as any)
58
  .on('dblclick.zoom', () => {
59
  $isPrompting = true;
 
66
  .on('pointerleave', handlePointerLeave);
67
 
68
  canvasCtx = canvasEl.getContext('2d') as CanvasRenderingContext2D;
69
+ function zoomReset() {
70
+ console.log('zoom reset');
71
+ const scale = width / containerEl.clientWidth;
72
+ zoomHandler.scaleExtent([1 / scale / 2, 1]);
73
+ selection.call(zoomHandler.scaleTo as any, 1 / scale / 1.5);
74
+ }
75
+ window.addEventListener('resize', zoomReset);
76
+ return () => {
77
+ window.removeEventListener('resize', zoomReset);
78
+ };
79
  });
80
 
81
  type ImageRendered = {