Как убрать черный фон canvas?

Question

[Jesse Pinkman]

Здравствуйте!

Есть такой пример: https://jsfiddle.net/302v61mu/

У body есть фон, но его не видно из-за фона canvas. Никак не могу найти свойство в js, который отвечает за прозрачность фона, сам сделал прозрачный фон, но желтые точки поплыли. Еще был вариант фон body задать картинкой (тег img) а canvas-у дать свойство mix-blend-mode.

Помогите пожалуйста разобраться

Answer 1

[Klein Maximus]

Можно попробовать

const clear = () => {
  c.clearRect(0, 0, canvas.width, canvas.height);
};

Answer 2

[Антон Антон]

Он прозрачный, просто ты его сам закрашиваешь:

const clear = () => {
    c.fillStyle = "black";
    c.fillRect(0, 0, canvas.width, canvas.height);
  };

тут в комментариях пишут, что можно заменить на clearRect, и это работает: https://jsfiddle.net/x0956rs3/

Comments

[Klein Maximus]

запоминать не обязательно, мне кажется
достаточно просто вырезать сам фон c.clearRect(0, 0, canvas.width, canvas.height), и тогда background из body будет виден

[Антон Антон]

Klein Maximus, надо проверить, может сработать. Не изучал подробно канвас.

[Klein Maximus]

Антон Антон, прикольно - не изучал, но совет дам :)
Ну, тоже вариант, глядишь и решением отметят ;)

[Антон Антон]

Klein Maximus, ну так открыл код - вижу - закрашивает черным. Заодно сам немного нового узнал.

[Klein Maximus]

А если еще и потом поправить первоначально предложенное решение, то вообще супер ;)

[Антон Антон]

Klein Maximus, а то!