Spaces:
Runtime error
Runtime error
zoom reset
Browse files
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 = {
|