我可以從畫布的fillStyle中獲得r，g和b嗎？

可以從context.fillStyle獲取rgb顏色（並將'red'，'green'和'blue'設置爲變量）？如何？我可以從畫布的fillStyle中獲得r，g和b嗎？

2013-03-25 Piotrek

上下文填充樣式還可以包含一個alpha，或者它可以是一個漸變。你爲什麼要讀它？對於保存/恢復，有特定的'.save（）'和'.restore（）'調用。 – 6502 2013-03-25 17:55:11

你現在有兩個答案。他們都有幫助嗎？如果是這樣，接受一個。如果不是，請添加更新到您的問題或說明原因的評論。 – andrewmu 2013-03-28 10:26:53

當使用簡單的HTML十六進制顏色值進行設置時，fillStyle屬性會公開一個格式爲：#RRGGBB的字符串。您可以提取的顏色，像這樣：

var r = parseInt(context.fillStyle.substring(1,3), 16); 
var g = parseInt(context.fillStyle.substring(3,5), 16); 
var b = parseInt(context.fillStyle.substring(5), 16);

顏色值具有範圍從0到255

如果您已設置阿爾法顏色值（如「RGBA（127，63，255 ，0.5）「）他們是這樣返回的，你將不得不做更多的工作。

來源

2013-03-25 17:49:10 andrewmu

我可以從畫布的fillStyle中獲得r，g和b嗎？

回答

相關問題