Онлайн рисование фигур из линий

Нужно сделать страницу, зайдя на которую можно нарисовать фигуры из линий и сохранить результат

Два типа

• Линия
• Препятствие

Линия

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

Если навести инструмент Линия на уже существующую линию

• Появляется возможность начать линию из существующей линии https://www.screencast.com/t/XLB4VcWk6G

Препятствие

То же самое, что и линия, рисуется по таким же принципам.Только закршивается другим цветом

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

• При выделении линии, показываются ее размер
• Возможно тянуть за край линии, как при ее рисовании