add minZoom & maxZoom to test page to be able to test zoom less than 1

ValentinH · Jan 15, 2024 · 90882a9 · 90882a9
1 parent 66d1551
commit 90882a9
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -4,9 +4,18 @@
 
   let crop = { x: 0, y: 0 }
   let zoom = 1
+  let minZoom = 0.5;
+  let maxZoom = 3;
 
   const urlArgs = typeof window !== 'undefined' ? queryString.parse(window.location.search) : null
   let image = typeof urlArgs?.img === 'string' ? urlArgs.img : '/images/dog.jpeg' // so we can change the image from our tests
 </script>
 
-<Cropper {image} bind:crop bind:zoom on:cropcomplete={e => console.log(e.detail)} />
+<Cropper
+  {image}
+  bind:crop
+  bind:zoom
+  bind:minZoom
+  bind:maxZoom
+  on:cropcomplete={e => console.log(e.detail)}
+/>