[clientapp] auto-adjust zoom sizefor blobs (#210)

* [clientapp] auto-adjust zoom sizefor blobs * [clientapp] remove unwanted line of code
ipol-journal · Nov 22, 2024 · 07e0369 · 07e0369
1 parent 5c4252f
commit 07e0369
Showing 1 changed file with 10 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,16 @@ function displayCrop($img){
 }
 
 function setNaturalZoom() {
-  $("#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() {