Fixed bug that when preview has border and border-box sized, previewS…

…ize is wrong
Chyren0305 · Feb 29, 2016 · e9fcfd1 · e9fcfd1
1 parent 9b28d75
commit e9fcfd1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/dist/jquery.cropit.js b/dist/jquery.cropit.js
@@ -212,8 +212,8 @@ return /******/ (function(modules) { // webpackBootstrap
 	      this.$zoomSlider = this.options.$zoomSlider.attr({ min: 0, max: 1, step: 0.01 });
 
 	      this.previewSize = {
-	        width: this.options.width || this.$preview.width(),
-	        height: this.options.height || this.$preview.height()
+	        width: this.options.width || this.$preview.innerWidth(),
+	        height: this.options.height || this.$preview.innerHeight()
 	      };
 
 	      this.$image = (0, _jquery2['default'])('<img />').addClass(_constants.CLASS_NAMES.PREVIEW_IMAGE).attr('alt', '').css({
@@ -873,8 +873,8 @@ return /******/ (function(modules) { // webpackBootstrap
 	        height: size.height
 	      };
 	      this.$preview.css({
-	        width: this.previewSize.width,
-	        height: this.previewSize.height
+	        innerWidth: this.previewSize.width,
+	        innerHeight: this.previewSize.height
 	      });
 
 	      if (this.imageLoaded) {

diff --git a/src/cropit.js b/src/cropit.js
@@ -29,8 +29,8 @@ class Cropit {
     this.$zoomSlider = this.options.$zoomSlider.attr({ min: 0, max: 1, step: 0.01 });
 
     this.previewSize = {
-      width: this.options.width || this.$preview.width(),
-      height: this.options.height || this.$preview.height(),
+      width: this.options.width || this.$preview.innerWidth(),
+      height: this.options.height || this.$preview.innerHeight(),
     };
 
     this.$image = $('<img />')
@@ -644,8 +644,8 @@ class Cropit {
       height: size.height,
     };
     this.$preview.css({
-      width: this.previewSize.width,
-      height: this.previewSize.height,
+      innerWidth: this.previewSize.width,
+      innerHeight: this.previewSize.height,
     });
 
     if (this.imageLoaded) {