javascript - キャンバスのfillStyleからr、g、bを取得できますか？

Question

context.fillStyleからrgbカラーを取得することは可能ですか（そして変数に「赤」、「緑」、「青」を入れます）？どのように？

Answer 1

単純なHTMLの16進色の値を設定すると、fillStyleプロパティは次の形式の文字列を公開します：#RRGGBB。次のように色を抽出できます。

var r = parseInt(context.fillStyle.substring(1,3), 16);
var g = parseInt(context.fillStyle.substring(3,5), 16);
var b = parseInt(context.fillStyle.substring(5), 16);

色の値の範囲は0〜255です。

アルファで色の値を設定した場合（「rgba（127、63、255、0.5）」など）、それらはそのように返され、もう少し作業を行う必要があります。