konva-eboard

Introduction

Implementing electronic whiteboard based on konva.js

Software Architecture

• Konva Responsible for the overall canvas container and drawing each node (line, arrow, rectangle, circle, etc.)
• perfect-freehand Draw freeform brushes (pencils, highlighters, etc.)
• lottie-web Can render Lottie JSON files on the web.
• howler.js Audio library for the modern web

Features List

• [Y] Free drawing
• [Y] Shapes (rectangle, circle, triangle, arrow, etc.)
• [Y] Text
• [Y] Eraser (reference Excalidraw)
• [Y] Undo/Redo
• [Y] Canvas free scaling (support Ctrl+mouse wheel)
• [Y] Free selection（support multiple selection, support multi-touch zoom）
• [Y] Rotation
• [Y] Movement
• [Y] Background+Foreground
• [Y] Spotlight
• [Y] Curtain
• [Y] Lottie animation
• [Y] Image (support jpg, png, webp, gif, svg)
• [N] Grid (support snap alignment)