@newtil/drawing

캡처 위에 화살표·상자·글자를 그리는 그림판. 프레임워크 없음, 순수 DOM, 자기 shadow root 에 뜬다. 결과는 PNG(독자용) + 데이터 JSON(재편집용).

import { openDrawing } from "@newtil/drawing";

const r = await openDrawing({ background: file });   // { data, png } | null(취소)
const r2 = await openDrawing({ initial: r.data });   // 도형 살아 있는 채로 다시 고치기

• save(png, data) 를 주면 완료 때 팝업 안에서 호출한다. 던지면 팝업은 열린 채 이유를 보인다.
• 데이터는 자기 완결적(배경도 data URL)이라 어디에 두든 다시 열린다.

개발

npm install
npm run dev      # 데모 페이지
npm run build
npm run test:e2e