我正在尝试实现与此相同的想法: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。
由于
答案 0 :(得分:0)
看起来你并没有将Mootools包含在那个小提琴中。我收到一个错误:
{{1}}
如果单击Javascript设置按钮,则可以添加Mootools依赖项。这是使用该依赖项更新的jsfiddle:https://jsfiddle.net/py6t8yj0/1/