Javascript/JQuery 尺寸计算

标签 javascript jquery html

我希望实现这样的目标。 HTML View 具有有限数量的图像(如下图中的红色框所示)。现在是否有可用的浏览器/jQuery API(跨浏览器)可以让我快速计算剩余空间的尺寸(以绿色框显示)?在下面所示的示例中,根据红色框的尺寸,可以使用简单的几何形状轻松计算绿色区域尺寸。但我说的是非常复杂的场景和复杂的图像组合。

Reference Image

感谢任何帮助。谢谢。

最佳答案

如果每个图像都有绝对属性,则可以通过顶部和左侧属性计算尺寸,例如 $('#elementID').offset().top$('#elementID ').offset().left

关于Javascript/JQuery 尺寸计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20677742/

相关文章:

javascript - jquery - (...).autocomplete 不是一个函数

javascript - 如何将 React js 应用程序正确连接到 MongoDB 数据库

javascript - 如何根据下拉列表动态更改日期字段

javascript - 切换 Accordion 展开/折叠时将按钮保持在固定位置

javascript - 根据 DropDownListFor 显示/隐藏 div

javascript - UI Bootstrap 选项卡在重新加载后保存事件选项卡

javascript - HTML 加载一个空的 JS 文件

javascript - jQuery 查找方法和标签名称的特殊性

jquery - 如何使用 Angular 动画复制 jQuery SlideUp()/slideDown()?

javascript - 如何用javascript导出图像数据