JS实现太极旋转思路分析

时间:2024-02-11 05:26:07
【文件属性】:

文件名称:JS实现太极旋转思路分析

文件大小:67KB

文件格式:PDF

更新时间:2024-02-11 05:26:07

js 太极

刚学了js的一些函数,所以做了一个太极的旋转。做完之后是上面这个样子的,是可以旋转的。 思路: 1.先做一个基准转盘,之后将元素都放在转盘上,跟随转盘动。 2.画两个半圆,主要属性是border-top-right-radius: 250px; 像素值为长边的一半。 3.然后画4个圆,以基准转盘为父元素,按照下面黑色圆一样的思路再画另外一边白色的圆,最后再在两个中等的圆上画两个小圆。 4.设置定时器: //旋转角度 var deg = 0 //设置定时器,100毫秒动一次 var tid = setInterval(function(){ var clock_dfc = docume


网友评论