javascript - 我可以从 Canvas 的 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)”)，它们会像那样返回，您将需要做更多的工作。