kinetic img imagen html5canvastutorials javascript html5 kineticjs

javascript - img - kinetic v4 3.2 min js



Cuáles son las diferencias entre el grupo y la capa en KineticJs (2)

Estoy desarrollando una aplicación web HTML5 usando KineticJS. Leí que en KineticJS hay grupos y capas. Por lo que sé, no hay diferencias entre ellos. ¿Puedes decirme las diferencias?


Los grupos son simplemente un grupo de elementos u objetos que se pueden apilar de cualquier manera dentro de una capa .

Las capas son diferentes áreas de lienzo que se pueden agregar en el escenario apiladas una sobre la otra.


La diferencia básica: los grupos son contenedores mientras que las capas son separadores.

Grupo:

  • Un grupo es un contenedor para objetos formados dentro de una capa.
  • Por ejemplo, un grupo puede contener un círculo y un rectángulo.
  • Un grupo puede ser manipulado y todos los elementos dentro de ese grupo son manipulados de manera similar.
  • Por ejemplo, arrastrar un grupo arrastrará simultáneamente un círculo y un rectángulo contenidos en ese grupo.

Capa:

  • Las capas son en realidad elementos de lona separados que se apilan uno sobre el otro.
  • Esto es similar a la forma en que las capas funcionan en Photoshop e Illustrator.
  • Múltiples capas son visibles simultáneamente.
  • Si los objetos de diferentes capas se superponen, el objeto superior se muestra por completo (como z-indexing).

Los grupos se usan para contener múltiples elementos para que puedan manipularse como un grupo, como poner círculos y líneas en un grupo para crear un "stickman". Mover al grupo moverá todas las piezas del stickman.

Las capas se utilizan para separar diferentes elementos, como tener una capa de fondo que no cambia y una capa superior donde se está produciendo la animación.