带有动态部分的动画画布

时间:2016-04-08 22:52:44

标签: javascript jquery css canvas

我正在尝试实现与此相同的想法: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。

由于

1 个答案:

答案 0 :(得分:0)

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

{{1}}

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