jquery 旋钮，动画和增量 alpha答案

【问题标题】：jquery knob, animate and increment alphajquery 旋钮，动画和增量 alpha
【发布时间】：2013-01-27 09:31:55
【问题描述】：

我使用 jquery knob 和 .animate 作为百分比仪表，效果很好，但是我想将旋钮的画布描边样式的不透明度设置为 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 值或者是否有更好的解决方案？

【问题讨论】：

【解决方案1】：

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

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

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

color.html()

这是（我认为）所需行为的更新小提琴：http://jsfiddle.net/bG478/2/

【讨论】：

【解决方案2】：

使用rgba 不适合您吗？

var myColor = 'rgba(41,100,159,.5)';

【讨论】：