Method adjustSizeFull

js/main.js:1363–1397

()

  }

  adjustSizeFull() {
    const ratio = this.wrapper.documentClientWidth / this.wrapper.documentClientHeight;
    
    if (this.zoom === false && this.textTool.active === false) {
        if (this.size.w > this.wrapper.documentClientWidth ||
            this.size.h > this.wrapper.documentClientHeight) {
            const newRelation = ratio < this.size.ratio;
            this.ratioRelation = newRelation;
            if (newRelation) {
                this.canvas.style.width = `${this.wrapper.clientWidth}px`;
                this.canvas.style.height = 'auto';
            } else {
                this.canvas.style.width = 'auto';
                this.canvas.style.height = `${this.wrapper.clientHeight}px`;
            }
            
        } else {
            this.canvas.style.width = 'auto';
            this.canvas.style.height = 'auto';
            this.ratioRelation = 0;
        }
        this.scroller.style.overflow = 'hidden';
    } else {
        if (this.zoom === false) {
          this.scroller.style.overflow = 'hidden';
        } else {
          this.scroller.style.overflow = 'scroll';
        }
        this.canvas.style.width = `${this.size.w * this.zoomFactor}px`;
        this.canvas.style.height = `${this.size.h * this.zoomFactor}px`;
        this.ratioRelation = 0;
    }
    this.syncToolElement();
    this.select.draw();
}

  resize(x, y) {
    this.info.innerHTML = `${x}<span>x</span>${y}<br>${(this.originalMime || 'png').replace('image/', '')}`;