Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Динамические поэтажные планы


Автор: petyaeva 16.9.2011, 14:56
Есть такая задача - поэтажный план здания для аренды раскрашен, исходя из занятых/свободных помещений. В зависимости от того, свободно или занято помещение, раскрашивается оно зеленым или красным - чтобы было понятно, можно его снять или нет. 

Как это может быть выполнено? Есть картинка-основа. Хотелось бы сделать так: красные или зеленые флажки наносятся на комнаты админом сайта в зависимости от статуса помещения... Можно, конечно, нарисовать большое количество картинок - все варианты - и тупо вручную менять, а может, как-то еще? 

То есть это должен быть, что ли, встроенный и очень упрощенный редактор изображений, который будет позволять админу расставлять красные и зеленые флажки, сохранять варианты и публиковать на сайте? Может, это и к js не имеет отношения? Просто не знаю, куда пойти... Недавно имела опыт вставки дополнительных кнопочек в редактор FCKeditor, тут тоже нужны кнопочки, наверное...

Автор: Toydestroyer 16.9.2011, 15:07
Я бы сделал админу простенький графический редактор на canvas, чтобы он щелкал по комнате и она заливалась красным цветом, щелкнул еще раз - зеленым. Ну и кнопку сохранить, чтобы формировалась jpg или png и вешалась на сайт.

Автор: petyaeva 16.9.2011, 20:31
А в какой форме я буду загружать планы комнат? То есть мне надо такие функции - загружаешь фон-картинку (поэтажный план без помет), две кисточки или две фигуры флажков, которыми мы будем помечать нужные комнаты, и кнопку сохранения имиджа. Какой самый простой графический редактор? Надо искать что-то типа редактора для мобильного телефона - у меня такой был на одной Нокии. 
Я вижу, что вопрос несколько не там задан, но и не нахожу простых фоторедакторов с минимальным набором функций. Но ведь для телефонов они есть!

Автор: petyaeva 16.9.2011, 23:39
Я, наверное, установлю на сайт редактор http://pixlr.com/ - там можно красить комнаты...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)