Javascript 将矩形图元在栅格上旋转90度
我正在制作一个webapp，你可以把元素放在网格上，移动它们，旋转它们 我遇到了一个关于元素旋转的问题，如果宽度是奇数，高度是偶数，反之亦然 当围绕图元中心旋转时，图元的新坐标将以两半结束 当我使用jQuery向元素添加类时，会发生旋转，而实际的旋转是由CSS进行的Javascript 将矩形图元在栅格上旋转90度,javascript,jquery,css,rotation,Javascript,Jquery,Css,Rotation,我正在制作一个webapp，你可以把元素放在网格上，移动它们，旋转它们 我遇到了一个关于元素旋转的问题，如果宽度是奇数，高度是偶数，反之亦然 当围绕图元中心旋转时，图元的新坐标将以两半结束 当我使用jQuery向元素添加类时，会发生旋转，而实际的旋转是由CSS进行的 我需要让元素在“错误”旋转后与网格对齐。如何实现这一点？当您使用CSS旋转元素时，还可以使用“变换原点”属性使矩形围绕其中一个网格节点旋转并保持对齐。对于5*2矩形的示例，变换原点应为： transform-origin: 40%
我需要让元素在“错误”旋转后与网格对齐。如何实现这一点？当您使用CSS旋转元素时，还可以使用“变换原点”属性使矩形围绕其中一个网格节点旋转并保持对齐。对于5*2矩形的示例，变换原点应为：
transform-origin: 40% 50%;
*{框大小：边框框；边距：0；填充：0；}
.b{
浮动：左；
宽度：9.5vw；
高度：9.5vw；
背景：#262C33；
边框：1px纯灰；
}
r{
位置：绝对位置；
左：19vw；顶：28.5vw；
宽度：47.5vw；高度：19vw；
边框：2倍实心#fff；
}
r:悬停{
变换原点：40%50%；
变换：旋转（90度）；
}