HellishCode
@HellishCode

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

Всем привет.
Есть обычный канвас, в который вставлена картинка.
Пытаюсь этот канвас добавить в качестве фона для div.
div.style.background = "url(" + canvas.toDataURL() + ")";

В инспекторе вижу, что путь к канвосу добавляется, но ничего не рисует, подскажите пожалуйста, в чем проблема?
  • Вопрос задан
  • 130 просмотров
Пригласить эксперта
Ответы на вопрос 2
UnluckySerivelha
@UnluckySerivelha
div {
position: relative;
}

canvas {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
Ответ написан
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
канвас добавить в качестве фона для div + background-size: cover

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

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы