CODEWITHSUNDEEP
javascriptraphael
So8res
So8res

Reputation: 10386

Raphael order objects

I'm trying to order Raphael objects. I don't have the option of deciding when the objects are created, but I'd like to make a group of objects appear behind a group of other objects after they've been created. Can anybody help me do this?

Thanks.

Upvotes: 11

Views: 3299

Answers (2)

Alin P.
Alin P.

Reputation: 44366

Group you items in two sets and position the sets relative to each other with insertBefore or insertAfter:

var front = paper.set();
front.push(front1, front2);

var back = paper.set();
back.push(back1, back2);

front.insertBefore(back);

Also if you have your items in arrays you can use apply for convenience:

var frontItems = [front1, front2];
front.push.apply(null, frontItems);

Upvotes: 12

Adam
Adam

Reputation: 44959

You can use toBack. http://raphaeljs.com/reference.html#toBack

It will put an object behind the other objects regardless of when you created it.

Upvotes: 3

Related Questions