使用<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值的值,而不是显式地定义这些值呢?
使用<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值的值,而不是显式地定义这些值呢?
7条答案
按热度按时间s5a0g9ez1#
您只需要连接
r_a
变量就可以正确构建字符串:hgb9j2n62#
它是字符串连接。
bweufnob3#
我已经很晚了,但我有一个类似的问题,并解决了它在一个稍微不同的方式,可能是有用的。
由于我需要在不同的alpha级别重用填充颜色,所以我使用了JavaScript replace方法:
显然,变化的不一定是alpha电平,也可以是其他通道之一。
4zcjmb1e4#
这些称为模板文字https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
在美式键盘上,反勾号通常出现在数字1的左边。
2hh7jdfx5#
我正在寻找一些类似的东西,并运行到您的职位,阅读后,我想出了自己的解决方案,我正在与音频API,并希望一个动态的颜色基于一个变量来自声音文件中的频率.这里是我想出了什么,它的工作,现在,我想我会张贴它,以防万一它有帮助,因为我得到了灵感,从你的问题:
slwdgvem6#
tjjdgumg7#