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

Question

我正在使用带有百分比计的 jquery旋钮.animate，它工作得很好但是我想将旋钮的画布描边样式的不透明度设置为 alpha 值，如下所示：0% = 0.1, 100% = 1 并有这个增量动画，因此笔画将从 alpha 0 开始并在 0.7 结束（在我的示例中）

我对画布只有粗略的了解，但查看旋钮类，我发现 strokestyle 设置在 ln 636 上：

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

我知道我可以将其设置为我已经测试并工作的 rgba 值，我怎样才能按照描述增加 alpha 值或者有更好的解决方案？

score 1 · Accepted Answer

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

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

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

color.html()

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

score 0 · Accepted Answer

使用rgba不适合你吗？

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

2 回答 2