javascript - 我可以从画布的 fillStyle 中获取 r、g 和 b 吗？

Question

是否可以从 context.fillStyle 获取 rgb 颜色（并将“红色”、“绿色”和“蓝色”放入变量中）？如何？

Answer 1

当使用简单的 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。

如果您使用 alpha 设置了颜色值（例如“rgba(127, 63, 255, 0.5)”），它们将像这样返回，您将不得不做更多的工作。