Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Помогите плиз сделать фон canvas прозрачным (https://javascript.ru/forum/events/84587-pomogite-pliz-sdelat-fon-canvas-prozrachnym.html)

firsmember 21.10.2022 18:34

Помогите плиз сделать фон canvas прозрачным
 
Всем доброго дня... Прикрепляю ссыль на кодпен подскажите пожалуйста, как там у canvas поменять черный фон на прозрачный

https://codepen.io/ijogold/pen/zYjgwgp

Nexus 21.10.2022 21:11

После 28-й строки добавьте это:
context.fillStyle = 'rgba(0, 0, 0, 0)';

firsmember 21.10.2022 22:08

Цитата:

Сообщение от Nexus (Сообщение 548529)
После 28-й строки добавьте это:
context.fillStyle = 'rgba(0, 0, 0, 0)';

Спасибо большое, но сработало на белый фон, я так понимаю по коду это инверсия? если не сложно, был бы благодарен, объяснению =)

Aetae 21.10.2022 22:13

Это просто цвет, rgba - red green blue alpha, в данном случае ключевое значение alpha - альфа канал - собственно прозрачность.

Всё сработало нормально: канвас очищается прозрачным. А то что потом всё засирается белым - это потому что вы плохо очищаете его после рисования.

P.S. Глянул поближе, так сполпинка на полную прозрачность не перепишешь, там многое основано на том, что чёрное перекрывает "лишнее" белое. Это определённо возможно, но займёт больше чем 5 минут, которые я готов вам на это выделить.
Как простой воркэраунд можно вообще не трогать js код, а добавмть в css:
canvas {
  mix-blend-mode: lighten;
}
и всё заработает как вы хотите.)


Часовой пояс GMT +3, время: 01:18.