Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Существует ли скрипт, который рисует стрелки от одного элемента DOM к другому? (https://javascript.ru/forum/dom-window/17328-sushhestvuet-li-skript-kotoryjj-risuet-strelki-ot-odnogo-ehlementa-dom-k-drugomu.html)

FINoM 15.05.2011 01:48

Существует ли скрипт, который рисует стрелки от одного элемента DOM к другому?
 
Часто для демонстрации того или иного функционала в своём портфолио нужно показать стрелочку от одного элемента к другому, например, при drag'n'drop ("возьми этот элемент и перетащи вот сюда"), а писать текст не хочется, так как его редко кто читает. Требования к скрипту такие:
  1. Указание блока №1 (от которого идет стрелка), указание блока №2 (к которому идет стрелка)
  2. Настройка "вогнутости" и ее (вогнутости) направление (то есть стрелки должны быть эллиптическими, а не прямыми)
  3. Возможность создавать пунктирные стрелки
Буду благодарен, если если найдется скрипт, в котором хотя бы часть пунктов реализована. Было бы чертовски круто, если бы это был плагин Raphael, так как с SVG я хорошо дружу :)

poorking 15.05.2011 02:46

Только прозрачный canvas если. Была похожая тема, я там рисовал демку, но там была прямая, а тут просто надо будет белье кривую рисовать, в апи есть такой метод, ща ссылку поищу

UPD
там драгндроп и между объектами полоска
http://javascript.ru/forum/events/17...tml#post103394

FINoM 15.05.2011 03:08

Спасибо. С канвасом я, к сожалению, совсем не знаком.
Вот я что-то подобное нашел: http://www.warfuric.com/taitems/Raph...arrow_test.htm
Тут jQuery и Raphael. Только вот не знаю как сделать пунктир и эллиптическую кривую. Есть ли простые маны о кривых Безье в SVG?

x-yuri 15.05.2011 21:12

ну так если дружишь с svg, то вот же вроде

FINoM 15.05.2011 21:23

x-yuri, с кривыми не знаком совершенно, для меня это как регулярки на первых порах изучения программирования. Буду читать, спасибо.


Часовой пояс GMT +3, время: 02:31.