Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисовалка карты посадочных мест / 8 сообщений из 8, страница 1 из 1
14.08.2014, 10:01
    #38719990
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
Добрый день.

Стоит такая задача: сделать "рисовалку" карты посадочных мест. Например имеется аудитория определенных размеров, нужно в ней расположить определенное количество парт.

Пока что вижу простую реализацию: Создается таблица с заданным количествои TR и TD. Каждая ячейка по сути посадочное место. Где-нибудь справа рисуем панель инструментов, выбираем там чем рисовать (место, стена, пустота....) и курсором красим выбранные ячейки. Но, такой вариант простоват. Кто-нибудь может знает уже готовые библиотеки для таких изысканий.

Сразу оговорюсь, canvas не подходит, так как все это после рисования надо как-то будет собрать и сохранить в базу, а потом еще в ячейках ФИО человека, который сидит там писать.
...
Рейтинг: 0 / 0
14.08.2014, 10:41
    #38720019
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
Так вы бы и начали ваше описание с озвучивания требований к проекту, нет?

Потому что в приближенном к реальности варианту тут вообще может придётся мини-ArсhiCAD наваять. Потому что реальные помещения и посадочные места -- они, как бы помягче сказать, посложнее клеточек и кубиков а-ля Майнкрафт.
...
Рейтинг: 0 / 0
14.08.2014, 11:03
    #38720035
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
Стена посреди аудитории? Оригинально.

Выводится div размерами с аудиторию (в пропорциях), в него натыкиваются divы-места. С помощью drag-drop-библиотеки места растаскиваются по нужным позициям в аудитории. Скриптом их координаты собираются в кучу и отправляются на сервер.

Проблемы тут начинаются, если аудитория имеет форму сектора, а не прямоугольника.
...
Рейтинг: 0 / 0
14.08.2014, 11:05
    #38720036
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
AntonariyСкриптом их координаты собираются в кучу и отправляются на сервер.Или по одному сразу по факту перетаскивания.
...
Рейтинг: 0 / 0
14.08.2014, 15:04
    #38720349
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
Требования абстрактные. Сказали только то, чего примерно хотят. Я бы хотел сделать по красивее.
Вариант с драг дропом мест мне нравится. Но вопрос, как сделать возможность растягивания за углы и стороны? Я бы наверное у таких регионов дивов делал в углах невидимые маленькие дивчики, при клике по которым родитель тянулся за курсором, но мне кажется это велосипед, есть еще варианты?
...
Рейтинг: 0 / 0
14.08.2014, 15:15
    #38720366
miksoft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
Gustly,

Найдите какой-нибудь онлайновый редактор схем/диаграмм, векторный редактор и т.п. И посмотрите как он устроен. У некоторых из них, кстати, есть экспорт в SVG. Если завязываться на веб, то имхо, SVG лучше, чем собственная сериализация "таблицы с заданным количеством TR и TD".
...
Рейтинг: 0 / 0
14.08.2014, 15:16
    #38720368
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
GustlyНо вопрос, как сделать возможность растягивания за углы и стороны?Элементарно, ресайз это разновидность драг-дропа, он тоже есть в библиотеках. И "дивчики в углах" делать не надо, все уже готово.

Все необходимое есть тут в разделе Interactions: http://jqueryui.com/
...
Рейтинг: 0 / 0
14.08.2014, 15:58
    #38720446
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Рисовалка карты посадочных мест
авторcanvas не подходит, так как все это после рисования надо как-то будет собрать и сохранить в базу, а потом еще в ячейках ФИО человека, который сидит там писать.
это самое простое из всего , что ты хочешь сделать.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Рисовалка карты посадочных мест / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]