fix(image): Fix zoom for rotated image when annotations is enabled (#…

…1231)
box · Jul 1, 2020 · a9edcd4 · a9edcd4
1 parent f227a63
commit a9edcd4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/lib/viewers/image/ImageViewer.js b/src/lib/viewers/image/ImageViewer.js
@@ -317,6 +317,7 @@ class ImageViewer extends ImageBaseViewer {
         let topPadding = 0;
         let largerWidth = 0;
         let largerHeight = 0;
+        const imageDimensions = this.imageEl.getBoundingClientRect();
         const wrapperDimensions = this.wrapperEl.getBoundingClientRect();
         const viewport = {
             width: this.wrapperEl.clientWidth - IMAGE_PADDING,
@@ -348,8 +349,8 @@ class ImageViewer extends ImageBaseViewer {
         this.imageEl.style.top = `${topPadding}px`;
 
         // Fix the scroll position of the image to be centered
-        this.wrapperEl.scrollLeft = (this.imageEl.clientWidth - viewport.width) / 2;
-        this.wrapperEl.scrollTop = (this.imageEl.clientHeight - viewport.height) / 2;
+        this.wrapperEl.scrollLeft = (imageDimensions.width - viewport.width) / 2;
+        this.wrapperEl.scrollTop = (imageDimensions.height - viewport.height) / 2;
     }
 
     //--------------------------------------------------------------------------