logo

オープンソースのWebクリエイティブボード

Stars Badge Forks Badge License Badge release

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

## プレビュー 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
## 機能概要 + ペイントモード - フリーペイント: 基本、ペン、アウトラインペン、レインボー、マルチシェイプ、素材、ピクセル、マルチカラー、テキスト、マルチライン、メッシュ、マルチポイント、波状曲線、トゲ、インクの 15 種類のブラシを提供します。 - 図形描画: 内蔵図形とLucideアイコンライブラリの図形を含む豊富な図形の描画をサポート。クリックするだけで追加・使用可能。線の太さ、線種、塗りつぶし色、塗りつぶしパターンを設定可能。 + 消しゴムモード: 全内容を直線的に消去可能。直線幅の設定をサポート。 + 選択モード: クリックまたは範囲選択による編集をサポート。選択後はドラッグ、拡大縮小、回転、色の変更ができ、複数のオブジェクトをグループにできます。 + アートボードモード: アートボード背景、カスタムサイズ、グローバル描画設定をサポート。 + 操作バー: 元に戻す、やり直し、コピー、グループ化、削除、文字描画、画像アップロード、描画内容のクリア、画像として保存、レイヤーリスト、ファイルリスト。 + 複数ファイル設定: 複数のキャンバスを切り替えられます。各キャンバスのタイトルは変更でき、追加、名前の変更、削除、アップロード、一括ダウンロードができます。新規キャンバスは 20 枚までです。 + i18n: 支持中文(简体), 中文(繁体), English, 日本語, 한국어。 ## V1.3.0 Video Demo ## クイックスタート ``` git clone https://github.com/LHRUN/paint-board.git cd paint-board pnpm install pnpm dev ``` ### Docker 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. ## ブラウザサポート 最新バージョンのGoogle Chromeの使用をお勧めします | [ 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 何かご提案や良いアイデアがあれば、いつでもご連絡ください！ + Email: song.lhlh@gmail.com + Telegram: https://t.me/longhao_song + WeChat: August8_L ## Contributing PAINT BOARDへの貢献に興味を持っていただけて嬉しいです。バグを見つけて修正したい場合は、まずIssueに投稿してください。新機能の追加については、ディスカッションでご連絡いただくか、上記に記載されている連絡先を通じて直接ご連絡ください。貢献する前に、以下の貢献ガイドラインをお読みください。ご協力ありがとうございました！ [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.