js双指缩放图片比例不管在哪个位置都不超过边界

Question

问题就是在指定div的宽高中双指放大不能超过边界，图中2号可以随意在1号中拖动，也可以在随意位置对它进行缩放操作，如果在正中心固定位置可以使用缩放比例，那在随意位置呢，如何让它缩放比例不超出边界。

`

// 应用在元素上的缩放比例
        var newScale = store.originScale * zoom;
        // 最大缩放比例限制
        if (newScale > 2) {
            newScale = 2;
        }
        
        // 记住使用的缩放值
        store.scale = newScale;
        // 图像应用缩放效果
        eleImg.style.transform = 'scale(' + newScale + ')';
`

Answer 1

等待大神解答