[fabric.js] canvas를 json으로 변환시 custom id 유지시키는 방법

fabric.js 에서 canavs의 object들을 json으로 변환시키려고 할 때 다음과 같은 코드를 작성하면 됩니다.

var json = JSON.stringify(canvas);
console.log(json); // 확인용

하지만 이럴 경우 object 생성시 설정했던 custom attribute가 사라진채 json 데이터가 만들어지는 것을 확인할 수 있습니다.

내가 설정한 속성이 포함되게 하려면 다음과 같은 방법을 사용하면됩니다.

var json = JSON.stringify(canvas.toDatalessJSON(['id']));
// id : 추가하고자 하는 custom attribute
console.log(json); //확인용

 

toDatalessJSON()에 대하여 fabric.js 문서에서는 위와 같이 설명하고 있는데요, json으로 변환할 때 추가할 속성들이 정해져 있어서 custom속성은 명시를 해줘야하는 것 같습니다.

toDatalessJSON 사용법은 인자로 추가할 custom attribute 를 array로 넘겨주면 됩니다.