PDF Canvas Kit

dev demo · localhost:3100

/editor/ PDFCanvasEditor M5 · 사용 가능

3분할 레이아웃 · 페이지 렌더·전환 · 확대/축소 · 팬 · 문서 업로드 · 객체 생성·편집(9핸들) · 인스펙터(정답·배점)

편집기 열기 →

/spike/ PDF → 페이지 이미지 배열 M1 · 사용 가능

페이지별 pt 크기 · 픽셀 크기 · renderScale · 소요시간 · 폰트 진단

진단 화면 열기 →

/react/ React 환경 테스트 설치된 dist

각 부분에 </> 배지를 눌러 코드를 볼 수 있다 · 테마 토글 · 호스트 모달

React 예제 열기 →

/vue/ Vue 환경 테스트 설치된 dist

같은 것의 SFC 판 · 다른 디자인이 적용돼 있다

Vue 예제 열기 →

/viewer/ PDFCanvasViewer R11 · 사용 가능

편집기와 뷰어를 나란히 · toPublicDoc() 이 정답을 지우는 것을 확인 · 375px 폭 토글

뷰어 열기 →

/checks/ 순수 함수 검증 M5 · 사용 가능

좌표 변환 · 클램프 · 핸들 수학 · 히트 테스트 · 검증 12룰 · 채점 정규화 · 정답 유출 검사 (66 케이스)

검증 화면 열기 →

픽스처가 없으면 npm run fixtures 를 먼저 실행한다.