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

您还可以使用numerical color values为fillStyle指定颜色。 rgb和rgba运营商可能会有所帮助，让您的意图更具可读性和明确性。