KineticJS의 상태를 저장하고 복원하는 방법

Question

모든 레이어, 도형 및 이벤트 함수 콜백을 사용하여 KineticJs를 저장하는 가장 좋은 방법은 무엇입니까?

나는 또한 지점을 클릭하여 각각에 내 단계

stage.on("contentClick", setContentClick); 

에 contentclick 이벤트를 잡을

var stage; //KinetiJS stage 
var backgroundLayer //KineticJS Layer 
var backgroundImage //KineticJS Image 
var extraGroup; //A group to hold some extra shapes 
var lineGroup; // A group to hold some KineticJS lines 

다음은

backgrounLayer에 서클에게만 모양 adeed를 사용하여 무대에 그려져 있습니다

var point = Kinetic.Circle(...); 
//some code here 
point.on('mouseenter', function()...) 
point.on("mouseleave", function()...); 
point.on("dragend", function()...); 
pointsAdded.append(point); 

pointsAdded는 추가 된 내 backgroundLayer에 지금까지 추가 된 모든 포인트의 목록입니다. 무대. 내 질문은 어떻게 또는 모든 자식 및 콜백 함수를 사용하여 스테이지의 현재 상태를 저장하고 복원하는 가장 좋은 방법은 무엇입니까. 사용자가 드롭 다운 메뉴를 사용할 때 서로 다른 상태로 전환 할 수 있기를 원합니다.

Answer 1

이렇게하려면 toJSON() 메서드를 사용할 수 있습니다. tutorial은 Kinetic 스테이지의 내용을 JSON에 저장합니다.

중요 : 이벤트, 함수 콜백 및 이미지 URL은 직렬화 할 수 없습니다. 즉, 이전 상태를 완전히 복원하기 위해 JSON에서 키네틱 스테이지를 다시로드 한 후에 모든 이벤트, 콜백 등을 다시 할당해야합니다.