Программно используйте значения RGBa в fillStyle в <холсте>?

Question

Программно используйте значения RGBa в fillStyle в <холсте>?

Используя <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 с помощью некоторой переменной вместо того, чтобы явно определить значения?

44

javascript html5 canvas

задан Ivar 11 December 2017 в 13:44

2 ответа

Другие вопросы по тегам:

javascript html5 canvas

Похожие вопросы:

score 19 · Answer 1

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

Это конкатенация строк.

19

ответ дан 26 November 2019 в 21:46

score 94 · Answer 2

Вам просто нужно объединить переменную r_a , чтобы правильно построить строку:

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