Как сделать canvas в качестве фона для div?

div {
position: relative;
}

canvas {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

канвас добавить в качестве фона для div + background-size: cover

Проверьте правильность позиционирования этого фона, может он у вас съехал куда-то и вы его не видите. Плюс не забывайте, что у png есть прозрачность, и, если канвас закрашен не полностью, а вы используете лишь его часть, то сложится впечатление, что на фоне ничего нет, хотя там что-то есть.