jsPlumb: как сделать так, чтобы соединители блок-схем избегали пересекающихся элементов?

Можно ли заставить соединители jsPlumb Flowchart не пересекать соединяемые элементы или указанные элементы (в примере: элементы с классом «item»)?

Поведение потоковой диаграммы по умолчанию:

enter image description here

Желаемый результат:

enter image description here

Вот что я попробовал:

http://jsfiddle.net/CcfTD/1/

Edited to clarify HTML
 <div id="root">
        <div class="item" id="item1">Item 1</div>
        <div class="item" id="item2">Item 2</div>
        <div class="item" id="item3">Item 3</div>
        <div class="item" id="item4">Item 4</div>
        <div class="item" id="item5">Item 5</div>
  </div>
JS
   jsPlumb.connect({
    source: $('#item2'),
    target: $('#item7'),
    anchors: [ "Continuous" ],
    connector:[ "Flowchart" ],
    paintStyle: {
        strokeStyle: "#000000", 
        lineWidth:1
    }
});

По сути, чтобы jsPlumb engine (SVG или canvas) был осведомлен о соответствующих элементах DOM и иметь схему избегания объекта

http://jsfiddle.net/adardesign/2ZFFc/

Ответы на вопрос(3)

Ваш ответ на вопрос