javascript - 来自数字的 Canvas fillStyle

Question

我正在尝试让我的 Canvas 使用来自 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);

当您这样做时，您正在构建一个包含引号的字符串。