プロジェクト
LHRUN/paint-board has 2,644 GitHub stars and 301 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-08 19:14 UTC. Last push 2026-10-23.
🎨 A powerful multi-end drawing board that brings together a lot of creative brushes to experience a whole new range of drawing effects!
できること
- 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.
計測したスター増加
- 24時間
- 0
- 7日間
- 更新が遅れています
- 15日間
- 更新が遅れています
- 1か月
- 更新が遅れています
期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。
readmes/README.ja.md
オリジナル
オープンソースのWebクリエイティブボード
日本語 / 中文(简体) / 中文(繁体) / English / 한국어
プレビュー
Link: https://songlh.top/paint-board/
Docs: https://songlh.top/paint-board-docs/
機能概要
- ペイントモード
- フリーペイント: 基本、ペン、アウトラインペン、レインボー、マルチシェイプ、素材、ピクセル、マルチカラー、テキスト、マルチライン、メッシュ、マルチポイント、波状曲線、トゲ、インクの 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
- Clone source code repository
git clone https://github.com/LHRUN/paint-board.git
cd paint-board
- Build a Docker image with the name
paint-board.
docker build -t paint-board .
- Start a docker container.
docker run -d -p 8080:80 --name paint-board paint-board
- Accessed by opening
http://localhost:8080/paint-board/in your browser.
ブラウザサポート
最新バージョンのGoogle Chromeの使用をお勧めします
Edge |
Firefox |
Chrome |
Safari |
|---|---|---|---|
| 80+ | 80+ | 70+ | 16.4+ |
Contact me
何かご提案や良いアイデアがあれば、いつでもご連絡ください!
- Email: [email protected]
- Telegram: https://t.me/longhao_song
- WeChat: August8_L
Contributing
PAINT BOARDへの貢献に興味を持っていただけて嬉しいです。バグを見つけて修正したい場合は、まずIssueに投稿してください。新機能の追加については、ディスカッションでご連絡いただくか、上記に記載されている連絡先を通じて直接ご連絡ください。貢献する前に、以下の貢献ガイドラインをお読みください。ご協力ありがとうございました!
Document
- 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
License
MIT License. See the LICENSE file.