Линия прикрепленная к блоку, который можно перетягивать.

[ozzon91]

Вот есть такой рисунок,


Представте, что блок А зафиксирован, а блоки В и С можно перетаскивать но вслед за ними джолжны двигаться и линии, линия не может растягиваться или сокращаться, поэтому блоки могут перетаскивться ограниченно, вокруг оси, которую описывает линия, тоесть как стрелки на часах.
Как это реализовать на JS, у меня только одна идея canavas, но хотелось бы без него.

[Dmitriyff]

svg, flash, div+css3+rotate =-))

но думаю канвас самое лучшее,

блоки можно и так вывести, а нижним слоем положить канвас на котором только линии и отрисовывать.

[Tek]

Я думаю можно реализовать данную проблему с использованием jquery ui draggable. Соединяющие линии выполнить в виде дивов при перетаскивании блоков вращать линии с помощью css3 свойства rotate.

Либо использовать векторную библиотеку raphaeljs
http://raphaeljs.com/graffle.html

[dmitry111]

Joint js вам в помощь!

[Maxmaxmахimus]

div+css3+rotate

лол

[ozzon91]

смотрю пока в сторону
http://raphaeljs.com
и Joint js

[Nekromancer]

canavas, но хотелось бы без него.

Раньше так писали про флеш и это ещё понятно было. Но в канвасе, что не устраивает?

[melky]

лол

тогда уж лучше SVG - ровно для таких фич он и приспособлен.

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

разницу трудно уловить, но она есть

хотя никто и не запрещает сделать это на канвасе.

[dmitry111]

тут еще надо уточнять что будет в блоках?
Если буквы A,B,C то я бы выбрал canvas
если динамический график зарплат сотрудников (или еще что-нибудь в этом роде) то svg
Если разметка html - сделал бы на дивах

[ozzon91]

Блин мне на флеше проще я канвас не разу не юзал.
В принципе уже почти доделал канвас оказался не таким страшным.
Выложу потом.