javascript - html 和 js 矩形调整大小问题

Question

我正在开发一个像这样的照片拼贴 [1]:http://www.fotor.com/features/collage.html但我正在使用 javascript 和 html 来实现我现在面临的问题是我想动态调整矩形的大小。动态我的意思是，如果我调整任何矩形的大小，其他矩形也会调整大小，所以任何人都可以帮助我或建议我任何解决方案吗？或任何 lib 的 js ？或者如果有人做过可以分享吗？

if (newSide != UNKNOWN) {
    if (ndiv.resize(newSide, deltaX, deltaY)); { //
        this.resizeNeighbours(newSide, ndiv, deltaX, deltaY);
        calls.push({
            d: ndiv,
            n: newSide,
            dx: deltaX,
            dy: deltaY
        });
    }
} //end if new side unknown 
} //end 
for
for (i = 0; i < calls.length; i++) {
    c = calls[i];
    this.autoSizeDivs(c.n, c.d, c.dx, c.dy, dep + 1);
}
} catch (e) {
    console.log(e);
}
return true;
}

Answer 1

您可以为每一行指定一个 CSS 类，然后在 jQuery 的帮助下，使用 CSS 选择器获取该行中的所有图像。然后对每个选定的 DOM 元素调用调整大小函数。