Javascript 围绕中心点在圆形路径中移动图元
我试图让页面上的几个对象围绕中心移动，就像一个圆圈一样。我发现了一个与我想要的非常相似的方法，但是我无法复制作者使用的方法。方法是：Javascript 围绕中心点在圆形路径中移动图元,javascript,css,reactjs,sass,Javascript,Css,Reactjs,Sass,我试图让页面上的几个对象围绕中心移动，就像一个圆圈一样。我发现了一个与我想要的非常相似的方法，但是我无法复制作者使用的方法。方法是： @return $pl-year-in-days * $year-in-second / 365.2563 + s //Earth reference } 完成这项任务的最佳方式是什么？我已要求澄清我的意思。（物体应围绕中心环旋转） 提前感谢您的帮助问题是如何最好地在圆中移动对象。我当然不能说这是否是最好的，但是一个简单的方法，只需要CSS/HTML，就是
@return $pl-year-in-days * $year-in-second / 365.2563 + s //Earth reference
}
提前感谢您的帮助问题是如何最好地在圆中移动对象。我当然不能说这是否是最好的，但是一个简单的方法，只需要CSS/HTML，就是有一个以所需中心为中心的div，将对象放在左边，然后旋转整个元素 这里有一个例子，当然边界会在真实的事物中被移除 这是一个两个对象旋转的片段-使用CSS变量，这样它们可以相对彼此调整大小（就像你可能对行星所做的那样，地球通常具有单位尺寸）
*{
保证金：0；
填充：0；
框大小：边框框；
}
身体{
宽度：100vw；
高度：100vh；
}
.中{
位置：绝对位置；
--半径：10vmin；
顶部：计算值（50%-var（--半径））；
左：计算值（50%-var（--半径））；
宽度：计算值（2*var（--半径））；
高度：计算（2*var（--半径））；
背景颜色：金色；
边界半径：50%；
边框样式：无；
}
.obj1{
--时间：0.5；
--距离：0.6；
--尺寸：0.4；
}
.obj2{
--时间：1；
--地区:1 ;；
--大小：1；
}
B.obj{
--时间单位：10秒；
--偏移单位：30vmin；
--sizeunit:5vmin；
位置：绝对位置；
顶部：计算值（50%-计算值（变量（--大小）*变量（--大小单位））；
--偏移：计算（var（--dist）*var（--offsetunit））；/*距中心的距离*/
左：计算值（50%-var（--偏移量））；
宽度：计算值（2*var（--偏移量））；
动画：循环计算（var（--时间）*var（--时间单位））线性无限；
}
.obj.内部{
位置：绝对位置；
位置：相对位置；
宽度：calc（calc（2*var（--size））*var（--sizeunit））；
高度：calc（calc（2*var（--size））*var（--sizeunit））；
边界半径：50%；
边框样式：无；
背景颜色：蓝色；
}
@关键帧环绕{
100% {
变换：旋转（360度）；
}
}