@mmm45

Как наложить картинку на другую?

Чтобы при изменении экрана менялись размеры картинок и положение относительно главной картинки. Например, есть главная картинка дом, и мне нужно наложить на эту картинку отдельно картинку крышу, отдельно картинку трубу, отдельно картинку стена.

Это можно сделать с помощью канваса, это работает в мобиле?
$('canvas').addLayer({
  type: 'rectangle',
  fillStyle: '#585',
  x: 100, y: 100,
  width: 100, height: 50
})

$('canvas').addLayer({
  type: 'image',
  draggable: true,
  source: 'https://resizer.mail.ru/p/34456aa4-2cf6-5677-949e-f9b5bd483f07/AAAGvFtN1ZYXYar4VT-yRURmYoGxe1K2OpXDLApY4eHXLyr24j2QJzor6UAxZAn2S0rVv_rOVNLxTUZq6BXki8P101I.jpg',
  
})
.drawLayer();
-у меня что-то не работает.

Или тупо считать, исходя из пропорции основной картинки, и накладываемых частей (крыша, дом, стена) положение относительно холста (холст- основная картинка) и применять z-index под каждые размеры экрана (как тут)
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
от 200 000 ₽
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
07 мар. 2021, в 03:18
1500 руб./за проект
06 мар. 2021, в 22:58
70000 руб./за проект
06 мар. 2021, в 22:36
10000 руб./за проект