react-image-magnify/dist/lib/imageRatio.js

A responsive image zoom component designed for shopping sites.

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.getSmallToLargeImageRatio = getSmallToLargeImageRatio;
exports.getLargeToSmallImageRatio = getLargeToSmallImageRatio;
exports.getContainerToImageRatio = getContainerToImageRatio;
function getSmallToLargeImageRatio(smallImage, largeImage) {
    return getSmallToLargeElementRatio(smallImage, largeImage);
}

function getLargeToSmallImageRatio(smallImage, largeImage) {
    return {
        x: smallImage.width / largeImage.width,
        y: smallImage.height / largeImage.height
    };
}

function getContainerToImageRatio(container, image) {
    return getSmallToLargeElementRatio(container, {
        width: image.width - container.width,
        height: image.height - container.height
    });
}

function getSmallToLargeElementRatio(smallElement, largeElement) {
    return {
        x: largeElement.width / smallElement.width,
        y: largeElement.height / smallElement.height
    };
}