javascript - 番号からのキャンバスfillStyle

Question

ARGB整数の配列から塗りつぶしスタイルを使用するようにキャンバスを取得しようとしています。

これは、JSFiddleに持ち上げることができる最小限の動作例です。

var ctx = $('#cv')[0].getContext("2d");
var pal = [0x00000000, 0xff000000, 0xffff0000];

var col = '"#' + (pal[2]&0xffffff).toString(16) + '"';
alert(col);

ctx.fillStyle = col;
ctx.fillRect(0, 0, 200, 200);

これにより、黒い長方形が表示され、fillStyleは残り"#000000"ますが、正しい色が警告されます。

私は何を逃しましたか？

Answer 1

引用符を追加しないでください。

これは問題ありません：

var col = '#' + (pal[2]&0xffffff).toString(16);

あなたがそれをしたように、あなたは引用符を含む文字列を構築していました。

Answer 2

数値の色値を使用して、の色を指定することもできますfillStyle。rgband演算子はrgba、意図をより読みやすく明確にするという追加の利点がある場合に役立つ可能性があります。