旋转元素高度和宽度

Question

我有一个textContent“Design”的文本元素，用css转换为45度旋转。所以它会旋转，但问题是如何获得旋转元素的高度。请参考img

我需要包含文字

的框的高度和宽度

由于 Gowri

Answer 1

检查This overflow是否有一个非常好的解决方案。边界框将是旋转对象的外部尺寸。

编辑：我应该补充一下，这与上面的答案基本相同，但是它会为您提供一系列与您的基本边界框一起使用的其他指标。

Answer 2

如果你有一个根本没有旋转的矩形（线是完全水平/垂直的），宽度= w，高度= h，那么你将它旋转45度，它应该可以绘制一个包含此宽度/高度= x的矩形的正方形。

我计算出与x和w相关的h大小应为：

x = sqrt(pow(w, 2) / 2) + sqrt(pow(h, 2) / 2)

希望这就是你要找的东西=]