Your Docusaurus site did not load properly.

A very common reason is a wrong site baseUrl configuration.

Current configured baseUrl = / (default value)

We suggest trying baseUrl = /docs/global-math-kit/data/

데이터

현재 화면에 있는 도구 상태와 캔버스 내용을 저장할 수 있고, 이전에 저장된 데이터를 불러올 수 있습니다. 또한, 캔버스의 현재 화면을 이미지로 저장할 수 있습니다.

저장하기​

globalMathKit.save() 메서드는 현재 도구들의 상태와 캔버스 화면을 포함한 데이터를 객체 형식으로 반환합니다.

const data = globalMathKit.save();

불러오기​

globalMathKit.load(data: SaveData) 메서드는 저장된 데이터를 불러옵니다.

globalMathKit.load(data);

SaveData의 타입은 다음과 같습니다.

type SaveData = {
  items: KitItem[]; // 현재 화면에 존재하는 도구들
  isEraserActive: boolean; // 지우개 모드 활성화 상태
  canvasImage: string; // 캔버스 이미지 (Data URL)
};

캔버스 화면 저장​

globalMathKit.saveCanvasImage() 메서드는 현재 캔버스의 이미지를 WebP 형식의 데이터 URL로 저장합니다.

const data = globalMathKit.saveCanvasImage();

캔버스 화면 불러오기​

globalMathKit.loadCanvasImage(data: string) 메서드는 저장된 캔버스 이미지를 불러옵니다.

const data = globalMathKit.loadCanvasImage(data);

캔버스 화면 초기화​

globalMathKit.clearCanvas() 메서드는 현재 캔버스를 초기화합니다.

globalMathKit.clearCanvas();

예제​

아래 예제에서 캔버스 초기화 버튼을 클릭하여 그린 내용을 지울 수 있습니다.