Question

我正在尝试实现与此相同的想法：http://jsfiddle.net/oskar/Aapn8/但是我尝试使用不同大小的部分，而不是

var draw = function(current) {
    ctx.putImageData(imd, 0, 0);
    ctx.beginPath();
    ctx.arc(120, 120, 70, -(quart), ((circ) * current) - quart, false);
    ctx.stroke();
}

作为我正在使用的绘图功能：

var draw = function(current) {
     for (i = 0 ; i < degrees.length ; i++) {
        color = colors[i];
        ctx.fillStyle = colors[i];
        ctx.beginPath();
        ctx.moveTo(cx,cy);
        ctx.arc(cx,cy,radius,start,start+toRad(degrees[i]));
        ctx.lineTo(cx,cy);
        ctx.closePath();
        ctx.fill();
        start += toRad(degrees[i]);
     }
}

但是它不起作用（https://jsfiddle.net/py6t8yj0/5/）但是会根据需要绘制圆圈。

我不需要'范围'选择器，但是一旦圆圈到达结束我想要弹跳效果。

如果有人能提供帮助那就太棒了：D。

由于

Answer 1

看起来你并没有将Mootools包含在那个小提琴中。我收到一个错误：

{{1}}

如果单击Javascript设置按钮，则可以添加Mootools依赖项。这是使用该依赖项更新的jsfiddle：https://jsfiddle.net/py6t8yj0/1/

带有动态部分的动画画布

1 个答案: