Javascript 我能从画布的填充样式中得到r、g和b吗?

Javascript 我能从画布的填充样式中得到r、g和b吗?,javascript,html,Javascript,Html,是否可以从context.fillStyle获取rgb颜色(并将“红色”、“绿色”和“蓝色”放入变量)? 如何设置?当使用简单的HTML十六进制颜色值进行设置时,fillStyle属性将显示以下形式的字符串:#RRGGBB。您可以按如下方式提取颜色: var r = parseInt(context.fillStyle.substring(1,3), 16); var g = parseInt(context.fillStyle.substring(3,5), 16); var b = pars

是否可以从context.fillStyle获取rgb颜色(并将“红色”、“绿色”和“蓝色”放入变量)?
如何设置?

当使用简单的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)”),它们会像那样返回,您需要做更多的工作。

上下文填充样式也可以包括alpha,也可以是渐变。你为什么要读它?对于save/restore,有特定的
.save()
.restore()
调用。您现在有两个答案。他们两个都有帮助吗?如果是,请接受一个。如果没有,请在您的问题或评论中添加更新,说明原因。