Removing objects from a layer using KineticJS

Question

I am currently working a project involving KineticJS.

I have to dynamically create and delete shapes constantly, but cannot seem to figure out how to do the latter. I've been trying to do:

 $ myLayer.remove(myShape)

because this is what most posts seem to recommend. But, the documentation says that this will remove the layer from the stage and not the shape from the layer. When I try this in project it in fact removes the layer from the stage.

So am I doing something wrong or is there some other way to remove a shape from a layer?

I don't know if there is a better way, but after reading some of the kinetic js code. I found if I do myShape.remove() the shape gets removed from the layer. — user1724623, Oct 06 '12 at 06:41

BenMQ · Answer 1 · 2015-07-16T18:58:18.187

17

There are two functions that may be helpful.

childContainer.remove() removes the childContainer from it's parent.
parentContainer.removeChildren() removes all the children from this container.

Edit: This can also apply to shapes. Simply redraw the layer.

myShape.remove();
myLayer.draw();

edited Jul 16 '15 at 18:58

answered Dec 16 '12 at 14:51

BenMQ

866
1
10
26

1

thanx, i just wanted to know this! found out that you don´t even need to redraw the layer, after calling remove it´s gone immediately. – andyrandy Apr 10 '13 at 09:50
How to restore it again?? – Mahdi Alkhatib Mar 15 '16 at 16:25
@MahdiAlkhatib if you still have a reference to the children then simply add them to the layer / container – BenMQ Mar 22 '16 at 15:06
So if there are no variable pointing to it, it will be destroyed (garbage collected)?? – Mahdi Alkhatib Mar 22 '16 at 15:48

score 2 · Answer 2 · answered Mar 13 '13 at 15:15

2

Somewhere between Kinetic 4.0 and the latest version, remove(child) stopped working. removeChild(child) doesn't work either.

I resolved this problem by using child.remove();

answered Mar 13 '13 at 15:15

Adam Augusta

444
4
9

score 0 · Answer 3 · answered May 28 '15 at 11:52

0

U can use the prototype of kinetic function

Kinetic.Node.prototype.remove.call(removed_object);

baselayer.draw();

answered May 28 '15 at 11:52

Manjunath Raddi

421
6
15

Removing objects from a layer using KineticJS

3 Answers3

Linked