Как разместить элемент относительно родительской группы в Paper.js? - PullRequest
Новая
       6

Как разместить элемент относительно родительской группы в Paper.js?

0 голосов
/ 01 ноября 2018

Как мы делаем position: relative; в CSS, мне нужно расположить все вновь созданные элементы относительно родительского Group. Вот что я ожидаю получить:

enter image description here

... со следующим кодом: 

var path = new Path([50, 0], [50, 100]);
var path2 = new Path([0, 50], [100, 50]);
// cross center at [50, 50]

var center = [100, 100]

var group = new Group({
    children: [path, path2],
    strokeColor: 'black'
});

// It's important to arrange the position 
// right after creating the group
group.translate([50, 50])

new Path.Circle({
    center: center,
    radius: 5,
    fillColor: 'red'
})

new Path.Rectangle({
    from: [10, 10],
    to: [40, 40],
    strokeColor: 'black',
    parent: group
})

Однако, , что я на самом деле получаю, это следующим образом:

enter image description here

Как сделать вновь созданные элементы расположенными относительно их родительской группы?

Примечание: чтобы сделать «нужный» снимок экрана, мне нужно было .translate() group после вставки прямоугольника: Sketch

1 Ответ

0 голосов
/ 01 ноября 2018

Оказывается, он управляется параметром applyMatrix: false: Эскиз 

var group = new Group({
    children: [path, path2],
    strokeColor: 'black',
    applyMatrix: false,
});
group.translate([50, 50])
...