canvas editor

캔버스 편집자

Canvas/SVG의 풍부한 텍스트 편집기

데모보기 · DOCS보기 · 보고서 버그 · 요청 기능 · FAQ

프로젝트를 사랑하십니까? 개선을 돕기 위해 기부를 고려하십시오!

팁

1. 공식 플러그인 : 캔버스 편집자-플루인
2. SVG의 렌더 레이어가 개발 중입니다. Feature/SVG 참조
3. 내보내기 PDF 기능은 현재 사용 가능합니다. 기능/PDF를 참조하십시오

기본 사용

npm i @hufe921/canvas-editor --save

 < div class =" canvas-editor " > </ div > 

 import Editor from '@hufe921/canvas-editor'

new Editor ( document . querySelector ( '.canvas-editor' ) , {
  main : [
    {
      value : 'Hello World'
    }
  ]
} ) 

특징

• 풍부한 텍스트 작업 (실행 취소, Redo, Font, Size, Bold, Italic, Underline, Strike, Supercript, 정렬, 제목, 목록, ...)
• 요소 삽입 (테이블, 이미지, 링크, 코드 블록, 페이지 브레이크, 수학 공식, 날짜 선택기, 블록, ...)
• 인쇄 (캔버스에 대한 그림, PDF 드로잉)
• 컨트롤 (선택, 텍스트, 날짜, 라디오, 확인란)
• ContextMenu (내부, 관습)
• 바로 가기 키 (내부, 사용자 정의)
• 드래그 앤 드롭 (텍스트, 요소, 제어)
• 헤더, 바닥 글, 페이지 번호
• 페이지 여백
• 양수표
• 쪽수 매기기
• 논평
• 목록

로드맵

1. 테이블 페이징
2. 제어 규칙
3. 성능 향상
4. CRDT

스냅 사진

설치하다

yarn

데브

npm run dev

짓다

앱

npm run build

lib

npm run lib