canvas editor

editor kanvas

Editor Teks Kaya oleh Canvas/SVG

Lihat Demo · Lihat Dokumen · Laporkan Bug · Fitur Permintaan · FAQ

Menyukai proyek ini? Harap pertimbangkan untuk menyumbang untuk membantunya meningkatkan!

Tips

1. Plugin Resmi: Canvas-Editor-Plugin
2. Lapisan render oleh SVG sedang dikembangkan, lihat fitur/svg
3. Fitur Ekspor PDF tersedia sekarang, lihat fitur/PDF

Penggunaan dasar

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'
    }
  ]
} ) 

Fitur

• Operasi teks yang kaya (undo, redo, font, ukuran, tebal, miring, menggarisbawahi, strikeout, superscript, penyelarasan, judul, daftar, ...)
• Sisipkan elemen (tabel, gambar, tautan, blok kode, break halaman, rumus matematika, pemetik tanggal, blok, ...)
• Cetak (berdasarkan kanvas ke gambar, gambar pdf)
• Kontrol (Pilih, Teks, Tanggal, Radio, Kotak Centang)
• ContextMenu (internal, khusus)
• Kunci Pintasan (Internal, Kustom)
• Seret dan jatuhkan (teks, elemen, kontrol)
• Header, footer, nomor halaman
• Margin halaman
• Tanda air
• Pagination
• Komentar
• Katalog

Peta jalan

1. Paging meja
2. Aturan kontrol
3. Meningkatkan kinerja
4. Crdt

Foto

Memasang

yarn

Dev

npm run dev

Membangun

aplikasi

npm run build

lib

npm run lib