README.ja.md
October 13, 2025 · View on GitHub
オープンソースのWebクリエイティブボード
日本語 / 中文(简体) / 中文(繁体) / English / 한국어
プレビュー
Link: https://songlh.top/paint-board/
機能概要
- ペイントモード
- フリーペイント: 基本ブラシ、レインボーブラシ、マルチシェイプブラシ、マルチ素材ブラシ、ピクセルブラシ、マルチカラーブラシ、テキストブラシ、マルチライン接続ブラシ、メッシュブラシ、マルチポイント接続ブラシ、波状曲線ブラシ、トゲブラシなど、12種類の異なるスタイルのブラシを提供。多様な描画ニーズに対応します。
- 図形描画: 内蔵図形とLucideアイコンライブラリの図形を含む豊富な図形の描画をサポート。クリックするだけで追加・使用可能。線の太さ、線種、塗りつぶし色、塗りつぶしパターンを設定可能。
- 消しゴムモード: 全内容を直線的に消去可能。直線幅の設定をサポート。
- 選択モード: クリックまたは範囲選択による編集をサポート。選択後はハンドル操作でドラッグ・拡大縮小・回転が可能。各種カスタム設定にも対応。
- アートボードモード: アートボード背景、カスタムサイズ、グローバル描画設定をサポート。
- 操作バー: 左から右へ、それぞれ「元に戻す」「やり直し」「選択内容のコピー」「選択内容の削除」「文字描画」「画像アップロード」「描画内容のクリア」「画像として保存」「ファイルリストを開く」の機能。
- 複数ファイル設定: 複数のキャンバス切り替えをサポート。各キャンバスはタイトルのカスタマイズ、追加・削除が可能で、並べ替えやアップロード/ダウンロード機能を提供。
- i18n: 支持中文(简体), 中文(繁体), English, 日本語, 한국어。
V1.3.0 Video Demo
クイックスタート
git clone https://github.com/LHRUN/paint-board.git
pnpm install
pnpm dev
Docker
- 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+ | 13+ |
Contact me
何かご提案や良いアイデアがあれば、いつでもご連絡ください!
- Email: song.lhlh@gmail.com
- Telegram: https://t.me/longhao_song
- Twiter: https://twitter.com/Song_LongHao
- WeChat:
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.



