javascript - 具体的にはストロークの不透明度を変更しますが、キャンバス上の色は変更しません

Question

色を循環するきれいなスクリプトがあり、#xxxxxxフォーマットでうまく機能しますが、透明度を変更したいと考えています。それを行う方法はありますか？

私は言及していますctx.strokeStyle()

現在のコードは次のとおりです。

canvas.strokeStyle = '#' + (((16777215 / s.length) * i).toString(16));

サイクルごとにiインクリメントされるforループを循環し、スイッチの一部です。1for ループは次のようになります。for(var i = 0; i < s.length; i++){}

Answer 1

ctx.globalAlphaMartin Tale Answer またはrgba([0-255], [0-255], [0-255], [0-1])formatのように使用します。したがって、整数を個々の RGB 値に変換する必要があります。

var color = ((16777215 / s.length) * i);
var r = (color >> 16) & 255;
var g = (color >> 8) & 255;
var b = color & 255;

var alpha = 0.5;

canvas.strokeStyle = "rgba("+r+","+g+","+b+","+alpha+")";