Javascript 计算图像裁剪比例

我的网站上有一些裁剪功能

所以，问题是，实际照片的大小比裁剪区域大，当我试图得到这个裁剪操作的实际结果时，我得到的比例是从css区域中的可见-调整大小-而不是从这个图像的原始大小。如何计算从调整大小到实际大小的图像的裁剪比例

我这样做，但它不能正常工作，我应该使用一些数学函数还是什么，有人能帮忙吗

var width = img.width;
var height = img.height;

// c.x, c.y, c.w, c.h is cropping coords which i recive from crop plugin callback function
// 360 is modal window size, resized area for displaying img

function showCoords(c) {
    cords_node = {
        "x": c.x ,
        "y": c.y,
        "width": width < c.w ? c.w : (width / 360) * c.w,
        "height": height < c.h ? c.w : (width / 360) * c.w
        /*x2: c.x2,
        y2: c.y2*/
    };
    return cords_node;
}

var-width=img.width；
var高度=img高度；
//c.x，c.y，c.w，c.h是裁剪坐标，我从裁剪插件回调函数中得到
//360是模态窗口大小，用于显示img的已调整大小的区域
函数showCoords（c）{
节点={
“x”：c.x，
“y”：c.y，
“宽度”：宽度

找出变化的比率：

// find the ratio of change in H and W...
var ratioW = $('.image')[0].naturalWidth / $('.image').width();
var ratioH = $('.image')[0].naturalHeight / $('.image').height();
var ratio = Math.min(ratioW, ratioH);
// now.. multiply all your coords by 'ratio'
// ...