Calculate Dynamic Aspect Ratio

calcViewBox.js

// Thanks Kyle Mavis!!

const calcViewBox = ({width=0, heigth=0, baseWidth=0, baseHeight=0}) => {

        const defaultAspect = baseWidth / baseHeight;
        const targetAspect = width / height;
        if (targetAspect > defaultAspect) {
            const height = baseHeight * (defaultAspect / targetAspect);
            const y = (baseHeight - height) / 2;
            return `0 ${y} ${baseWidth} ${height}`;
        } else {
            const width = baseWidth * (defaultAspect / targetAspect);
            const x = (baseWidth - width) / 2;
            return `${x} 0 ${width} ${baseHeight}`;
        }
    };