logo

An open-source web-based creative canvas

Stars Badge Forks Badge License Badge release

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

## Preview Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/) Docs: [https://songlh.top/paint-board-docs/](https://songlh.top/paint-board-docs/)
preview
## Features + 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, 日本語, 한국어. ## V1.3.0 Video Demo ## Quick Start ``` git clone https://github.com/LHRUN/paint-board.git cd paint-board pnpm install pnpm dev ``` ### Docker Support 1. Clone source code repository ```sh git clone https://github.com/LHRUN/paint-board.git cd paint-board ``` 2. Build a Docker image with the name `paint-board`. ```sh docker build -t paint-board . ``` 3. Start a docker container. ```sh docker run -d -p 8080:80 --name paint-board paint-board ``` 4. Accessed by opening `http://localhost:8080/paint-board/` in your browser. ## Browser support We recommend using the latest version of Google Chrome, the following is the minimum version support | [ Edge](http://godban.github.io/browsers-support-badges/)
Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | :--: | :--: | :--: | :--: | | 80+ | 80+ | 70+ | 16.4+ | ## Contact me 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 ## Contributing 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](./CONTRIBUTING.md) ## Document + After refactoring with Fabric.js - [Exploring the Canvas Series: combined with Transformers.js to achieve intelligent image processing](https://songlh.top/2024/11/23/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](https://songlh.top/2024/01/10/Exploring-the-Canvas-Series-The-Art-of-Time-Reversal-in-the-Canvas/) - [Exploring the Canvas Series: Creative Brushes Part 1](https://songlh.top/2024/04/14/Exploring-the-Canvas-Series-Creative-Brushes-Part-1/) - [Exploring the Canvas Series: Creative Brushes Part 2](https://songlh.top/2024/04/15/Exploring-the-Canvas-Series-Creative-Brushes-Part-2/) - [Exploring the Canvas Series: Creative Brushes Part 3](https://songlh.top/2024/04/16/Exploring-the-Canvas-Series-Creative-Brushes-Part-3/) - writing... + Before refactoring with Fabric.js - [Canvas Artistry：Mastering Selection, Dragging, and Scaling](https://songlh.top/2023/11/30/Canvas-Artistry1) - [Canvas Artistry：Drawing magic with multiple effects](https://songlh.top/2023/12/01/Canvas-Artistry2) ## License MIT License. See the [LICENSE](https://github.com/LHRUN/paint-board/blob/main/LICENSE) file.