Canvas的填充样式

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的颜色。 rgb和rgba运算符可能有助于使您的意图更具可读性和显性。