2012-06-24 34 views
1

我想讓我的畫布使用ARGB整數數組的填充樣式。Canvas fillStyle從編號

這裏是一個最低限度的工作例子可以解除到的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); 

這給了我一個黑色的矩形,並填充樣式仍然"#000000",但正確的顏色提醒。

我錯過了什麼?

回答

3

請勿添加引號。

這是罰款:

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

當你做到了,你正在建立包含引號的字符串。

+0

它的工作,杜。謝謝。 – tykel

+0

不客氣。不要忘記[接受答案](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work);) –

+0

是的,儘管做得太快雖然! :) – tykel

0

您還可以使用numerical color values指定fillStyle的顏色。 rgbrgba運營商可能會有助於您的意圖更具可讀性和明確性。