@notavar
I'm only a beginner in development

Как реализовать интерактивное добавление элементов на стороне Front-end?

Доброго времени суток!

Необходимо реализовать интерактивные выбор, добавление, удаление элементов. Что имеется в виду. При нажатии на кнопку пользователь попадает в режим редактирования, в котором он может добавлять элементы на сетку (еще нужно реализовать эту сетку), причем должен быть заранее подготовленный набор этих элементов (блоки с картинками). Эти элементы можно перемещать, изменять, удалять. После сохранения - выход из режима редактирования. На эти элементы можно кликать, чтобы менять их состояние (активный/неактивный, всего 2 состояния). Размер сетки неограничен, а элементы должны быть привязаны друг к другу (всегда один из элементов должен касаться другого). Выглядеть это все должно как квадраты на шахматной доске, только у ячеек больше цветов и размер поля может быть произвольный.

С DOM может и можно что-то сделать (и возможно даже проще), но как он будет вести себя с полем 1000х1000, например. С canvas или webgl (а также их библиотеками) не работал. Еще хочу это дело связать через socket.io.

Если кто-то делал похожее или знает ссылки, где хотя бы частично раскрываются эти вопросы - поделитесь, пожалуйста. Источники можно на английском.
  • Вопрос задан
  • 222 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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