JSFiddle链接 - http://jsfiddle.net/lustre/p0z9wp51/1/
我没有创建这个代码,但是它创建的博客目前还没有工作......
是否可以将旋转器中心本身放在它所在的段上?例如,有时它可能只是落在分段" A",然后它可以转移到中心本身的分段" A"?或者这需要完全重建旋转器本身?
值得注意的是,细分数量是动态的,因为用户可以添加自己的名称。
下面的代码开始旋转,并计算角度和旋转的总时间。
spin: function() {
spinAngleStart = Math.random() * 10 + 10;
spinTime = 0;
spinTimeTotal = Math.random() * 3 + 4 * 1000;
rotateWheel();
},
这段代码实际上是转动了轮子(afaik)。
var rotateWheel = function rotateWheel() {
spinTime += 30;
if(spinTime >= spinTimeTotal) {
stopRotateWheel();
return;
}
var spinAngle = spinAngleStart - easeOut(spinTime, 0, spinAngleStart, spinTimeTotal);
startAngle += (spinAngle * Math.PI / 180);
drawWheel();
spinTimeout = setTimeout(rotateWheel, 30);
}
index
返回其登陆的部分的细分/数组索引。
outterRadius
是外圈的半径。相应地,使用CSS百分比调整圆的大小,这是否会影响HTML5中的外半径?或者不是在CSS生效之前渲染它?
如果需要完全重建,那很好。只是寻找有关这个代码是否可能的反馈来自人们比HTML更多的经验:)