原生JS如何实现圆周运动

在很多网站上都有很炫的效果，其实都是由简单的知识变化而来的，如圆周圆的、三维动画等其实就是我们在中学时候学的三角函数做出来的。所以这里讲的圆周运动也是离不开三角函数的……

2、第二步：新建一个html页面，在页面中做出一个圆点a，目的就是让这个圆点a做圆周运动，如图：

原生js实现圆周运动

1、运动轨迹的设定如下：设置圆周运动的半径为：r=100设置圆周运动的圆心坐标位置为：X=500;Y=300;设置圆点a在运动轨迹上的初识角度为：num=0；

3、将圆点a的运动轨迹在页面中打印出来，查看圆周运动轨迹创建一个div元素，并添加罕铞泱殳class为box，将圆点锾攒揉敫a的运动坐标赋值给div的坐标位置var oBox=document.createElement('div');oBox.className='box';document.body.appendChild(oBox);oBox.style.left=oDiv.offsetLeft+'px';oBox.style.top=oDiv.offsetTop+'px';