AleBenEtoDanilaIneedHelp
@AleBenEtoDanilaIneedHelp

Как сделать линии в перспективе (формула)?

Svg и т.п. не подходит из соображений производительности. Проблема, что svg слишком тяжелая получается для таких "палочек", долго грузится, нагружает процессор, анимация проскакивает, если использовать тег img, например. В теге object не кэшируется изображение, если просить помощи у JS. Хотелось бы сделать это как-нибудь в автоматическом режиме, не расставляя каждую палочку руками :)
Мои тщетные попытки https://codepen.io/AleBenEtoDa...

5d815868caecb505680680.png
  • Вопрос задан
  • 137 просмотров
Решения вопроса 1
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Но лучше через canvas, ибо тут всё зависит от ширины + очень муторное позиционирование, габариты, адаптивность и пр. Но можно с помощью медиазапросов, фиксированных габаритов решить эти проблемы, конечно, но это костыли и муторно.



Ну можно немного обмануть это, но всё равно это не очень то:


Можете, конечно, что-то из этого сделать, но лучше на canvas сделать, как я и сказал выше.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@vladdimir
Верстальщик
На css автоматически не получится.
Можно вставить картинкой через свойство background-image, нарисовать svg например.
Можно через канвас нарисовать.
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Через канвас однозначно, проще всего будет.
Цикл с приращениями по X и Y и всё.
Ответ написан
Ваш ответ на вопрос

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

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