KineticJS를 사용하여 HTML5 웹 애플리케이션을 만들 때 그룹화 및 레이어링을 사용해야 합니다.
그룹은 기본적으로 컨테이너이고 레이어는 기본적으로 구분자입니다.
그룹은 원과 직사각형을 모두 포함할 수 있는 ex 그룹의 레이어 내부에 모양 개체가 있는 컨테이너입니다. 그룹이 조작되면 해당 그룹 내의 요소도 조작됩니다. 그룹을 드래그하면 해당 요소도 드래그됩니다.
그러나 레이어는 실제로 서로의 맨 위에 있는 캔버스 요소를 분리합니다. 이것은 Photoshop 및 Illustrator에서 작동하는 레이어와 매우 유사합니다. 여러 레이어가 동시에 표시됩니다.
레이어는 한 항목을 다른 항목과 구분하는 데 사용됩니다. 예제 배경 레이어는 애니메이션 레이어와 분리되어 있습니다.