canvas editor

บรรณาธิการผ้าใบ

ตัวแก้ไขข้อความที่หลากหลายโดย Canvas/SVG

ดูการสาธิต·ดูเอกสาร·รายงานข้อผิดพลาด·คุณลักษณะการร้องขอ·คำถามที่พบบ่อย

รักโครงการ? โปรดพิจารณาบริจาคเพื่อช่วยปรับปรุง!

เคล็ดลับ

1. ปลั๊กอินอย่างเป็นทางการ: Canvas-Editor-Plugin
2. เลเยอร์เรนเดอร์โดย SVG อยู่ระหว่างการพัฒนาดูคุณสมบัติ/SVG
3. ฟีเจอร์การส่งออก PDF พร้อมใช้งานแล้วดู Feature/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'
    }
  ]
} ) 

คุณสมบัติ

• การดำเนินการข้อความที่หลากหลาย (เลิกทำ, ทำซ้ำ, ตัวอักษร, ขนาด, ตัวหนา, ตัวเอียง, ขีดเส้นใต้, strikeout, superscript, การจัดตำแหน่ง, ชื่อ, รายการ, ... )
• แทรกองค์ประกอบ (ตาราง, ภาพ, ลิงค์, บล็อกรหัส, การแบ่งหน้า, สูตรคณิตศาสตร์, ตัวเลือกวันที่, บล็อก, ... )
• พิมพ์ (บนผืนผ้าใบกับรูปภาพการวาด PDF)
• การควบคุม (เลือก, ข้อความ, วันที่, วิทยุ, ช่องทำเครื่องหมาย)
• ContextMenu (ภายใน, กำหนดเอง)
• คีย์ลัด (ภายในเอง)
• ลากและวาง (ข้อความองค์ประกอบการควบคุม)
• ส่วนหัวส่วนท้ายหมายเลขหน้า
• ขอบหน้า
• ลายน้ำ
• การปนเปื้อน
• การแสดงความคิดเห็น
• แคตตาล็อก

แผนงาน

1. การเพจโต๊ะ
2. กฎควบคุม
3. ปรับปรุงประสิทธิภาพ
4. CRDT

ภาพรวม

ติดตั้ง

yarn

คนกิน

npm run dev

สร้าง

แอป

npm run build

lib

npm run lib