advanced-cropper/node/boundary/index.js

The core of the advanced cropper libraries family

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function stretchCropperBoundary(boundary, stretcher, size) {
    // Reset stretcher
    stretcher.style.width = "0px";
    stretcher.style.height = "0px";
    // Try to fit the size by width:
    stretcher.style.width = Math.max(boundary.clientWidth, size.width) + "px";
    // After that try to fit the size by height and resulted width:
    var ratio = size.width / size.height;
    stretcher.style.height = Math.max(boundary.clientHeight, stretcher.clientWidth / ratio) + "px";
    stretcher.style.width = stretcher.clientHeight * ratio + "px";
}
function stretchPreviewBoundary(boundary, stretcher, size) {
    // Reset stretcher
    stretcher.style.width = "0px";
    stretcher.style.height = "0px";
    // Try to fit the size by width:
    stretcher.style.width = Math.max(boundary.getBoundingClientRect().width, size.width) + "px";
    // After that try to fit the size by height and resulted width:
    var ratio = size.width / size.height;
    stretcher.style.height = Math.max(boundary.getBoundingClientRect().height, stretcher.getBoundingClientRect().width / ratio) + "px";
    stretcher.style.width = stretcher.getBoundingClientRect().height * ratio + "px";
    if (stretcher.clientWidth / stretcher.clientHeight > boundary.clientWidth / boundary.clientHeight) {
        if (stretcher.clientWidth > boundary.clientWidth) {
            stretcher.style.width = boundary.clientWidth + "px";
            stretcher.style.height = boundary.clientWidth / ratio + "px";
        }
    }
    else {
        if (stretcher.clientHeight > boundary.clientHeight) {
            stretcher.style.height = boundary.clientHeight + "px";
            stretcher.style.width = boundary.clientHeight * ratio + "px";
        }
    }
}

exports.stretchCropperBoundary = stretchCropperBoundary;
exports.stretchPreviewBoundary = stretchPreviewBoundary;