jquery旋钮,动画和增量alpha

时间:2013-01-27 00:14:11

标签: javascript jquery html5-canvas

我正在使用带有.animate的jquery knob作为百分比衡量标准,但是我想将旋钮画布描边样式的不透明度设置为alpha值,如下所示:0% = 0.1,100%= 1并且动画有这个增量,所以笔画将开始alpha 0并结束(在我的例子中)为0.7

我只是对画布有一个粗略的理解但是回顾the knob class,我发现韵律风格设置在ln 636上:

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

我知道我可以将它设置为我测试过的rgba值,如何按照描述增加alpha值,还是有更好的解决方案?

jsfiddle

2 个答案:

答案 0 :(得分:1)

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

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

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

color.html()

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

答案 1 :(得分:0)

使用rgba不适合你吗?

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

http://jsfiddle.net/ExplosionPIlls/bG478/1/