使用css rotateX、rotateY、perspective转换dom元素后,计算dom元素的边缘坐标

von4xj4u  于 2023-02-10  发布在  其他
关注(0)|答案(1)|浏览(124)

我使用rotateX、rotateY、perspective来实现元素变换的效果。
我使用getBoundingClientRect()来获取元素的顶部、左侧、底部、右侧、宽度和高度。
如何计算图像变换后的(dom元素)的四个顶点坐标。
对不起,我英语不好
视频演示:https://i.imgur.com/YYArUMz.mp4
图像演示:

yrwegjxp

yrwegjxp1#

Element.getBoundingClientRect考虑了当前的CSS/SVG转换(CSSOM视图模块),自己看吧,转换在变化的同时,getBoundingClientRect的返回值也会变化。

相关问题