this.startScale = this.scale;
this.scale = (e.getWheelDelta() > 0) ? (this.scale + 1) : (this.scale - 1);
-
- console.log("START SCALE: " + this.startScale);
- console.log("TEST SCALE: " + this.scale);
if(!this.zoomable()){
this.scale = this.startScale;
var width = Math.ceil(this.imageEl.OriginWidth * this.getScaleLevel() / minScale);
var height = Math.ceil(this.imageEl.OriginHeight * this.getScaleLevel() / minScale);
-
- console.log("IMAGE WIDTH: " + width);
- console.log("IMAGE HEIGHT: " + height);
- console.log("WINDOW WIDTH: " + this.thumbEl.getWidth() / this.getScaleLevel());
- console.log("WINDOW HEIGHT: " + this.thumbEl.getHeight() / this.getScaleLevel());
var maxWidth = this.imageEl.OriginWidth;
var maxHeight = this.imageEl.OriginHeight;
context.scale(scale, scale);
}
+ context.fillStyle = 'white';
+ context.fillRect(0, 0, this.thumbEl.getWidth() / this.getScaleLevel(), this.thumbEl.getHeight() / this.getScaleLevel());
+
+
context.drawImage(imageCanvas, sx, sy, width, height, x, y, width, height);
break;