Paper.js Z-индекс и объект привязки

Я изучаю paper.js и не нашел, как решить мою проблему. См. мой тест приложения: http://www.plugbox.com.br/reta.htm

Красный круг покрывает только ось Y, а синий круг покрывает только ось X, а начальная и конечная точки линии следуют за красной и синей точками.

Но линия находится перед кругами. Как установить линию «z-index», поместив ее в слой за точками?

Другой вопрос:

Как поставить третью точку, например, посередине линии и сделать так, чтобы ее можно было перетаскивать только на линии?

Спасибо!


javascript z-index paperjs
person Juliano Oliveira    schedule 05.09.2014    source источник
comment
Что касается перетаскиваемого пункта: сделайте его вторым вопросом, потому что у этих двух нет ничего общего.   -  person Hafenkranich    schedule 29.10.2016

Ответы (2)


arrow_upward
4
arrow_downward

Но линия находится перед кругами. Как установить линию «z-index», поместив ее в слой за точками?

У каждого элемента есть методы:
insertAbove(item) //Вставляет этот элемент выше указанного элемента.
insertBelow(item) //Вставляет этот элемент ниже указанный элемент.
sendToBack() //Отправляет этот элемент в конец всех других элементов того же родителя.

источник

person Dima Sk.    schedule 11.09.2014

arrow_upward
0
arrow_downward

Это просто. Сначала нарисуйте линию, а затем точки. Только с реальной картиной: то, что вы рисуете последним, находится поверх всего, что вы нарисовали первым. Обычный SVG ведет себя так же, кстати.

person Hafenkranich    schedule 29.10.2016