css - 一个div进行旋转或缩放后,怎么获取它变形后的宽高?比如:
PHP中文网
PHP中文网 2017-04-17 13:29:05
[HTML讨论组]

p{

width: 100px;height: 100px;
transform-origin: 0 0;
transform: rotateZ(45deg);

}
这个p旋转了45度之后,怎么去获取它的宽与高?就是它旋转之后所占的空间

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
伊谢尔伦
  var test = document.querySelector('#test');
    var rect = test.getBoundingClientRect();
    alert('width:' + rect.width + 'height:' + rect.height);

试过很多种办法,只有这种办法有效了,我也长见识了

伊谢尔伦

旋转后不影响宽高吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号