2016-09-29 2 views
0

Как создать линию/путь между двумя объектами. Начальная и конечная точки пути/линии не должны начинаться/заканчиваться в центре соответствующего объекта. Ниже я прикрепляю скриншот образца. Мне нужно вычислить логику, чтобы найти красную линию в любом положении. Черная линия неверна.Создание линии между двумя объектами в svg

enter image description here

И это чисто на основе SVG не HTML элементов.

Заранее спасибо

+0

Вам не нужно делать это для SVG, только изменение объектов порядка. Я использую [raphael.js] (http://dmitrybaranovskiy.github.io/raphael/) для правила svg. Он имеет функции 'el.insertAfter(); el.insertBefore(); el.toBack(); el.toFront(); 'для порядка объектов управления. – imbearr

+0

Спасибо @imbearr. Есть ли способ обойтись без какой-либо библиотеки? –

+0

Просто прочитайте/добавьте те, которые вы хотите на фронт, к своему родителю. Я думаю (например, obj 1 и 3), который поместит их позже в DOM, поэтому строка появится за этими объектами. – Ian

ответ

Смежные вопросы