Programmatically use RGBa values in fillStyle in ?

Question

Using , I want to set the RGBa value of the rectangle using a variable.

for example:

ctx.fillStyle = \"rgba(32, 45, 21, 0         


        

Answer 1

var r_a = 0.3
ctx.fillStyle = `rgba(32, 45, 21, ${r_a})`;

These are called template literals https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

The back-ticks `` are often found left of the number 1 on the keyboard on US keyboards.