English / 中文(简体) / 中文(繁体) / 日本語 / 한국어

Link: https://songlh.top/paint-board/
Docs: https://songlh.top/paint-board-docs/

• Drawing Mode
  • Free Drawing: Provides 15 brush styles: basic, pen, outlined pen, rainbow, multi-shape, material, pixels, multi-color, text, multi-line, mesh, multi-point, wave, thorn, and ink.
  • Shape Drawing: Supports drawing rich graphics, including built-in shapes and Lucide icon library graphics, which can be used with just a click. Configurable line width, line style, fill color, and fill style.
• Eraser Mode: Can linearly erase all content and supports linear width configuration.
• Selection Mode: Supports clicking or box selection for editing. After selection, you can drag, scale, rotate, edit colors, and group multiple objects.
• Canvas Mode: Supports canvas background, custom size, and global drawing configuration.
• Action Bar: Undo, redo, copy, group, delete, draw text, upload image, clear drawing content, save as image, open the layer list, and open the file list.
• Multi-file Configuration: Supports switching between multiple canvases. Each canvas can have a custom title. You can add, rename, delete, upload, and batch-download boards.
• i18n: 中文(简体), 中文(繁体), English, 日本語, 한국어.

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

1. Clone source code repository

git clone https://github.com/LHRUN/paint-board.git
cd paint-board

2. Build a Docker image with the name paint-board.

docker build -t paint-board .

3. Start a docker container.

docker run -d -p 8080:80 --name paint-board paint-board

4. Accessed by opening http://localhost:8080/paint-board/ in your browser.

We recommend using the latest version of Google Chrome, the following is the minimum version support

Edge	Firefox	Chrome	Safari
80+	80+	70+	16.4+

If you have any suggestions or good ideas, welcome to contact me at any time!

• Email: song.lhlh@gmail.com
• Telegram: https://t.me/longhao_song
• WeChat: August8_L

I'm glad you're interested in contributing to PAINT BOARD. If you find a bug and want to fix it, please submit it in an Issue first. For new feature additions, please contact us in Discussions, or directly through the contact details provided above, and read the Contribution Guidelines below before contributing. Thank you for your support!

Contribution Guidelines

• After refactoring with Fabric.js
  • Exploring the Canvas Series: combined with Transformers.js to achieve intelligent image processing
  • Exploring the Canvas Series: The Art of Time Reversal in the Canvas
  • Exploring the Canvas Series: Creative Brushes Part 1
  • Exploring the Canvas Series: Creative Brushes Part 2
  • Exploring the Canvas Series: Creative Brushes Part 3
  • writing...
• Before refactoring with Fabric.js
  • Canvas Artistry：Mastering Selection, Dragging, and Scaling
  • Canvas Artistry：Drawing magic with multiple effects

MIT License. See the LICENSE file.