Как по вашему верстать такой блок элементов?

Question

[Игорь]

С помощью чего можно верстать такие элементы?
- svg?
- background-image?

Учитывая что эти элементы должны тянутся, быть адаптивными

Comments

[lookfortheroot]

Это сильно зависит от того, насколько и как элементы тянутся, и как меняется форма ячеек.
Если с горизонтальными рядами всё более-менее понятно, то как должны вести себя ячейки 32-0-26, 23-10-5-24?
Какие-то деформации происходят?

[Игорь]

lookfortheroot, "32-0-26, 23-10-5-24" - они никак не должны деформироватся, тянутся по ширине все кроме тех что вы указали

[yarnstart]

svg

Answer 1

[Lord_Dantes]

Canvas

Answer 2

[profesor08]

<img src="image.jpg">

Comments

[Ramzzza]

Правильно. Одним целым жипегом))

[Игорь]

ахах, так уже прошлый верстальщик сделал, выглядит ужасно, поддерживать такую верстку еще хуже

[profesor08]

Игорь,

Все вот это сделать картинкой (х2 размера, чтоб на экранах с высокой плотностью пикселей картинка не была размытой). Разместить в контейнере, а внутри него уже накидывать еще элементы управления и тд.

P.S. Рисуя на canvas ты получишь такую-же растровую картинку, но при этом затратишь в 50 раз больше времени.

Answer 3

[Вячеслав Морозов]

Canvas или html элементы стилизованные