以编程方式在 <canvas> 的 fillStyle 中使用 RGBa 值？

Question

使用 <canvas> ，我想使用变量设置矩形的 RGBa 值。

例如：

 ctx.fillStyle = "rgba(32, 45, 21, 0.3)";

工作正常，但将其与变量一起使用：

 var r_a =  0.3;
ctx.fillStyle = "rgba(32, 45, 21, r_a)";

不起作用。

显然 fillStyle 只接受一个字符串。那么如何使用一些变量而不是显式定义值来设置 rgba 值的值呢？

原文由 John 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您只需连接 r_a 变量即可正确构建字符串：

 var r_a = 0.3;
ctx.fillStyle = "rgba(32, 45, 21, " + r_a + ")";

原文由 Christian C. Salvadó 发布，翻译遵循 CC BY-SA 2.5 许可协议