2

私はjqueryノブを.animateパーセンテージゲージとして使用していますが、ノブのキャンバスストロークスタイルの不透明度を0％= 0.1、100％= 1のようにアルファ値に設定し、この増分をストロークがアルファ 0 で開始し、(私の例では) 0.7 で終了するアニメーション

canvas については大雑把にしか理解していませんが、ノブ クラスを確認すると、ストローク スタイルが ln 636 に設定されていることがわかりました。

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

これをテストして動作する rgba 値に設定できることを理解しています。説明どおりにアルファ値をインクリメントするにはどうすればよいですか、それともより良い解決策がありますか?

jsfiddle

4

2 に答える 2

1

pusher.colorのようなライブラリを使用して色を取得し、 draw() 関数または描画フックでアルファを変更できます。

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

次の方法で、変更された色を抽出できるようになりました。

color.html()

これは、（私が思うに）望ましい動作を備えた更新されたフィドルです：http://jsfiddle.net/bG478/2/

于 2013-01-27T00:55:25.280 に答える
0

使用rgbaはあなたのために働きませんか？

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

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

于 2013-01-27T00:27:45.723 に答える