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

Question

[HellishCode]

Всем привет.
Есть обычный канвас, в который вставлена картинка.
Пытаюсь этот канвас добавить в качестве фона для div.

div.style.background = "url(" + canvas.toDataURL() + ")";

В инспекторе вижу, что путь к канвосу добавляется, но ничего не рисует, подскажите пожалуйста, в чем проблема?

Answer 1

[Dymok]

div {
position: relative;
}

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

Comments

[HellishCode]

проблема в том, что мне нужно использовать для div свойство background-size: cover
так как div у меня будет меньшего размера, чем сам канвас и для сохранения пропорций я хочу добавить канвас в качестве фона для дива и применить свойство background-size: cover

[Froggyweb]

канвас к background не имеет вообще никакого отношения. путь вообще тупиковый

[HellishCode]

Froggyweb, а как же background = "url(" + canvas.toDataURL() + ")";
можно же использовать toDataURL()

Answer 2

[Ivan Bogachev]

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

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