使HTML5微调器停在段的中心

时间:2015-11-25 16:58:17

标签: javascript html5

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更多的经验:)

0 个答案:

没有答案