javascript - jquery 旋钮，动画和增量 alpha

Question

我正在使用 jquery knob使用 .animate 作为百分比计，效果很好，但我想将旋钮的 Canvas 笔触样式的不透明度设置为 alpha 值，如:0% = 0.1, 100% = 1 并具有这个随着动画的增加而增加，因此笔划将从 alpha 0 开始并在(在我的示例中)以 0.7 结束

我对canvas只有粗略的了解但正在复习the knob class ，我发现 strokestyle 设置在 ln 636 上:

c.strokeStyle = r ? this.o.fgColor : this.fgColor ;

我知道我可以将其设置为我已经测试过并有效的 rgba 值，我如何按照描述增加 alpha 值或者是否有更好的解决方案？

jsfiddle

Answer 1

您可以使用像 pusher.color 这样的库在 draw() 函数或绘图钩子(Hook)中获取颜色并更改它的 alpha:

var color = pusher.color(current_color);
color.alpha(angle / 100);

您现在可以通过以下方式提取修改后的颜色:

color.html()

这是一个更新的 fiddle (我认为)所需的行为:http://jsfiddle.net/bG478/2/