旋转元素高度和宽度

【问题标题】：Rotated Element Height and Width旋转元素高度和宽度
【发布时间】：2013-05-24 07:11:39
【问题描述】：

我有一个带有 textContent "Design" 的文本元素，它使用 css 进行了转换以旋转 45 度。所以它被旋转了，但问题是如何获得旋转元素的高度。请参考图片

我需要包含文本的框的高度和宽度

谢谢高里

【问题讨论】：

【解决方案1】：

检查This overflow 以获得非常好的解决方案。边界框将是旋转对象的外部尺寸。

编辑：我应该补充一下，这与上面的答案基本相同，但它为您提供了一堆其他指标来配合您的基本边界框。

【讨论】：

【解决方案2】：

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

我计算出x 相对于w 和h 的大小应该是：

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

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

【讨论】：