Онлайн рисование фигур из линий (плана помещения)

Веб-программированиеЗакрыт4 заявки121 просмотр
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Нужно создать страницу, на которой пользователь может нарисовать простой план помещения из линий.

Разработка нужна на HTML5 + JS

Не на Flash :) 

Задание

План помещения рисуется с помощью инструмента Линия

Использование инструмента:

  • Пользователь выбирает Линия
  • Ставит точку (кликает), начинает тянуть курсор мыши, линия увеличиваетсяhttps://www.screencast.com/t/S6RYYtGg

    Показывается длина линии
  • При отклонении от прямой линии (горизонта) отображается угол отклонения в градусах https://www.screencast.com/t/r64F28hL8
  • При клике текущий участок линии заканчивается рисоваться
  • При повторном клике процесс рисования заканчивается (отдельная линия
  • Если пользователь тащит курсор дальше, из конечной точки линии начинает отрисовка новой линии, с указанием длинны, угла от старой линии и от горизонтали https://www.screencast.com/t/92ZOvf7clh
  • Если линия приводится в начало, то фигура заканчивается https://www.screencast.com/t/ucRgcacB5bi
  • Когда фигура закрыта, она закрашивается
Если навести инструмент Линия на уже существующую линию

Редактирование

  • При выделении линии, показываются ее размер
  • Возможно тянуть за край линии, как при рисовании, при этом изменяя ее размер
JavascriptHTMLFlash
7 лет назад
allex-under
Андер 
42 годаРоссия
12 лет в сервисе
Был
2 года назад