Comprensión de limpieza de capa de Canvas & KineticJS

Question

Me preguntaba si alguien podría arrojar algo de luz sobre la forma en que se administran las capas en Canvas y KineticJS. Me cuesta entender por qué cuando borro(); una capa, luego usa el dibujo(); funcionar en esa capa de nuevo, vuelve con las formas, etc. que originalmente agregué a esa capa.

por ejemplo:

http://jsfiddle.net/vPGbz/1/

I supone la limpieza de una capa elimina por completo, y con el fin de volver a dibujar lo que tendría que establecer nuevas formas y construir una nueva capa.

Si alguien pudiera explicarme esto, estaría muy agradecido.

Cheers, Caius

Answer 1

Uno tiene que ser honesto que this documentation no se considerará súper detallado, pero como se puede ver aquí: http://jsfiddle.net/vPGbz/2/clear sólo eliminará la representación dibujada de una capa del objeto Stage. Lo que está buscando es el método remove que se utiliza para eliminar ciertos elementos de la capa.

igual:

circleLayer.remove(circle); 

Answer 2

Por ahora, se podría hacer layer.children = []; pero no sé si esto tendrá algún efecto secundario que no debe!

Editar: No hacer esto. En su lugar, haga esto: layer.removeChildren() encontrado en http://kineticjs.com/api-docs.php bajo Container.

Answer 3

Estoy usando Kinetics 4.3.1. estoy haciendo dos capas, por lo que puede agregar y quitar uno de ellos con la casilla de verificación,

se puede comprobar a cabo este enlace: http://jsfiddle.net/lauraliparulo/uw25p/

Algo como esto:

checkBoxItem.addEventListener('click', function() { 
     if (this.checked) { 
      load(); 
      stage.add(layer2); 
     } 

     else if (!this.checked) { 
      layer2.clear(); 
     } 

    }); 

: -)