paint-board is a multi-functional canvas based on Canvas, including free drawing, eraser, text, selection, layer, undo, redo, clear and other functions.

function list

Completed features:

• brush
  • The color can be modified, and the line width can be dynamically displayed according to the speed
  • A variety of brush effects, fluorescent, multi-color, crayon, spray, bubble…
• Eraser, erases content linearly with the mouse
• Draw text, double-click the artboard to input text and draw the specified position
• Drag and drop the drawing board, press and hold the space to drag and drop the drawing board infinitely
• Selection mode, in selection mode, you can click on the element to make a frame selection, and hold down the handle to zoom or move, and click the Backspace key to delete the selected element
• Layers, the content of the artboard is displayed according to the order of the layers, you can add and delete the sorted layers
• Undo, undo, clear artboard, save as picture

Functions to be completed:

• Image loading
• Artboard scaling
• background color switch
• multi-sketch
• …

local start

git clone https://github.com/LHRUN/paint-board.git
pnpm install
pnpm dev