JavaScript « Рисование соединительных линий JavaScript (+CSS?)
В интерфейсе есть "плавающие" блоки, с возможностью добавлять новые, перетаскивать и т.д., например, такие:
http://www.sencha.com/deploy/dev/examples/form/absform.html
http://www.sencha.com/deploy/dev/examples/window/hello.html
Собственно с блоками проблем нет, но необходимо рисовать соединительные линии между блоками, которые также будут перемещаться при перетаскивании блоков, с возможностью пользователям создавать новые соединения.
Подскажите, в сторону каких библиотек/технологий смотреть.
Не Flash и желательно не SVG и не создание линий из однопиксельных картинок.
http://www.sencha.com/deploy/dev/examples/form/absform.html
http://www.sencha.com/deploy/dev/examples/window/hello.html
Собственно с блоками проблем нет, но необходимо рисовать соединительные линии между блоками, которые также будут перемещаться при перетаскивании блоков, с возможностью пользователям создавать новые соединения.
Подскажите, в сторону каких библиотек/технологий смотреть.
Не Flash и желательно не SVG и не создание линий из однопиксельных картинок.
1 ответов
Я таких библиотек не знаю, но если уж хочется только JS+CSS (хотя требование само по себе маразм), то рисуй сам при помощи JS, а отрезок линии - это div с абсолютным позиционированием и одним отрисованным border-ом.
А вот и реализация
Я бы лично застрелился такое использовать и поддерживать
А вот тут неплохой обзор по всем библиотекам рисования для JS.