javascript - 变换后的宽度/高度

标签 javascript jquery html css

在应用transform: rotate(45deg); 之后,如何获取宽度和高度属性?

例如,旋转后 11x11 正方形变为 17x17(Chrome 结果),但 javascript 仍返回原始宽度/高度 - 10x10。

我如何获得这个 17x17?

最佳答案

无需自己计算,您可以通过 HTMLDOMElementgetBoundingClientRect() 获取它.

这将返回一个具有正确heightwidth 的对象,同时考虑到转换矩阵。

jsFiddle .

关于javascript - 变换后的宽度/高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7565542/

相关文章:

javascript - Vue 组件位于另一个组件中

javascript - 没有收到任何错误,但页面未在我的 Flask 应用程序中使用 render_template 进行渲染

javascript - 如何使用 jQuery 获取文本字段 id 中的最后一位数字

javascript - 发生后如何获取url参数

javascript - 相对 "position:absolute"坐标之间的动画对象

html - 更改文本在第一行之后对齐

javascript - 硬编码的 URL

javascript - 在 javascript 中用 php 代码编写

jquery - 如何缓存每个列表项子元素以供以后使用?

javascript - 有没有办法从 ajax 预检请求中获取调试信息?