README.zh_tw.md

一款開源的 Web 端創意畫板

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

預覽

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

功能簡介

• 繪畫模式   - 自由繪畫: 提供了 12 種不同風格的畫筆，包括基本畫筆，彩虹畫筆，多形狀畫筆，多素材畫筆，像素畫筆，多色畫筆，文字畫筆，多線連接畫筆，網狀畫筆，多點連接畫筆，波浪曲線畫筆，荊棘畫筆。以滿足多樣化的繪畫需求。   - 圖形繪畫: 支持繪製豐富的圖形，包括內置圖形與 Lucide 圖標庫圖形，只需點擊添加即可使用。可配置線條寬度、線條樣式、填充顏色與填充樣式。
• 橡皮擦模式: 可線性擦除所有內容，並支持線性寬度配置。
• 選擇模式: 支持點擊或框選內容進行編輯, 選中後可通過手柄進行 拖拽、縮放、旋轉 操作和多種自定義配置。
• 畫板模式: 支持畫板背景, 自定義尺寸和全局繪畫配置。
• 操作欄: 從左到右的功能分別爲撤銷、反撤銷、複製當前選擇內容、刪除當前選擇內容、繪製文字、上傳圖片、清除繪製內容、保存爲圖片、打開文件列表。
• 多文件配置: 支持多個畫布切換，每個畫布可自定義標題、增加、刪除，並提供排序和上傳下載功能。
• 國際化: 支持中文(簡體), 中文(繁體), English, 日本語, 한국어。

V1.3.0 視頻演示

本地啓動

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

Docker 支持

1. 構建 Docker 鏡像，鏡像名稱爲 paint-board。

docker build -t paint-board .

2. 啓動 docker 容器。

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

3. 在瀏覽器打開 http://localhost:8080/paint-board/ 即可訪問。

瀏覽器支持

建議使用最新版谷歌瀏覽器, 以下是最低版本支持

Edge	Firefox	Chrome	Safari
80+	80+	70+	13+

聯繫我

如果你有任何建議或者有好的想法，歡迎隨時與我聯繫！

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

貢獻

我很高興你有興趣對 PAINT BOARD 做出貢獻。如果你發現了 BUG 並希望進行修復，請先在 Issue 中提出。對於新功能的增加，請先在 Discussions 中與我們進行溝通，或者直接通過以上提供的聯繫方式聯繫，進行貢獻前請閱讀以下貢獻指南。感謝你的支持！

貢獻指南

技術文章

• 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...
• Fabric.js 重構前
  • Canvas Artistry：Mastering Selection, Dragging, and Scaling
  • Canvas Artistry：Drawing magic with multiple effects

License

MIT License. See the LICENSE file.