transform-rotate旋转后,用js获取元素所占的宽度


图片描述
注:

  • 祡色矩形有旋转

  • 虚框1(带圆角)

  • 虚框2(不带圆角)

如图:
祡色矩形、虚框1、虚框2,宽高都是一样;虚框2没有跟着旋转。
怎么让虚框1包围住整个紫色矩形?

css3 旋转-rotate 子项的显示宽度 transform JavaScript

hjjhjj 9 years, 9 months ago

这个要你自己计算啦
根据偏转度数计算四个顶点 与 中心点 (以旋转中心为中心点为例) 形成的夹角的对边的高度 来计算这个旋转后能遮盖住这个旋转后图形的最小矩形的宽高
图片描述

如图中的蓝线相加 等于高

fanta answered 9 years, 9 months ago

Your Answer