시작하기

시작하기

설치하기

이 라이브러리는 비공개로 배포되어 있습니다. 따라서 라이브러리를 설치하기 위해서는 비공개 레지스트리 접근 권한이 필요합니다.

비공개 레지스트리 접근 권한이 있다면, 아래의 명령어로 라이브러리를 설치할 수 있습니다.

이 라이브러리는 React >= v16.8에서 동작합니다.

yarn add @kmu-draw/draw-editor

라이브러리 초기화

AwesomeApp.tsx
import { initLibrary } from "@kmu-draw/draw-editor";
 
initLibrary({
  // WebAssembly URL path
  wasmPath: "/public/wasm/",
  // Event that is fired after WebAssembly module loaded
  onWASMLoaded: () => {
    // do something
  },
});

사용법

다음과 같은 형태로 <DRAWEditor /> 컴포넌트를 임포트하고, 여러분의 앱에 마운트하여 사용할 수 있습니다.

AwesomeApp.tsx
import { DRAWEditor } from "@kmu-draw/draw-editor";
 
// some code here...
 
const App = () => {
  return (
    <Wrapper>
      <DRAWEditor width="100%" height="100%" />
    </Wrapper>
  );
};

실행 결과

실행 결과