[clientapp] auto-adjust zoom sizefor blobs

ipol-journal · Nov 20, 2024 · 65e67ab · 65e67ab
1 parent 5c4252f
commit 65e67ab
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/ipol_demo/clientApp/js/demo.editor.js b/ipol_demo/clientApp/js/demo.editor.js
@@ -161,7 +161,17 @@ function displayCrop($img){
 }
 
 function setNaturalZoom() {
-  $("#editor-blob-left").cropper('zoomTo', 1);
+  // $("#editor-blob-left").cropper('zoomTo', 1);
+  var imageData = $("#editor-blob-left").cropper("getImageData");
+  var containerData = $("#editor-blob-left").cropper("getContainerData");
+
+  const scale = Math.min(
+    containerData.width / imageData.naturalWidth,
+    containerData.height / imageData.naturalHeight
+  );
+
+  $("#editor-blob-left").cropper('zoomTo', scale);
+
 }
 
 function getData() {