简体中文 | English
Link: https://songlh.top/paint-board/
- 绘画模式
- 自由绘画
- 提供了 12 种不同风格的画笔，包括基本画笔，彩虹画笔，多形状画笔，多素材画笔，像素画笔，多色画笔，文字画笔，多线连接画笔，网状画笔，多点连接画笔，波浪曲线画笔，荆棘画笔。以满足多样化的绘画需求。
- 所有画笔均支持颜色和画笔宽度的配置，另外多形状、多素材、多色等画笔支持定制化配置。
- 形状绘制
- 提供了多种常见形状的绘制,并支持多端点线段以及箭头,并且这些形状均支持边框和填充的样式配置。
- 自由绘画
- 橡皮擦模式
- 橡皮擦模式可线性擦除所有内容，并支持线性宽度配置。
- 选择模式
- 在选择模式下，可以通过点击绘画内容进行框选。点击手柄支持拖拽、缩放和旋转操作，提供灵活的编辑方式。
- 选择图片支持多种滤镜配置。
- 选择文字时，支持字体和样式设置。
- 所有绘制内容均支持图层设置，包括向上移动层级、向下移动层级、移动至顶层和移动至底层。
- 所有绘制内容支持透明度配置。
- 所有绘制内容支持橡皮擦是否可擦除配置。
- 画板配置
- 画板支持配置背景配置, 包括颜色, 背景图, 透明度。
- 画板支持自定义宽高配置。
- 支持绘画缓存，在存在大量绘制内容的情况下，启用缓存将提高绘制性能，而禁用缓存则会提升画布清晰度。
- 新增辅助线绘制功能。
- 多功能菜单
- 左下角按钮实时显示当前缩放比例，点击即可重置缩放比例。
- 中间按钮列表按从左到右的功能分别为：撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表。
- 上传图片支持去除背景, 图像分割. 此功能需要浏览器支持WebGPU
- 保存为图片支持自定义配置. 旋转, 缩放, 裁切
- 电脑端：
- 按住 Space 键并点击鼠标左键可移动画布，滚动鼠标滚轮实现画布缩放。
- 按住 Backspace 键可删除已选内容。
- 同时按住 Ctrl 键 + V 键可粘贴剪贴板图片。
- 移动端：
- 支持双指按压后拖拽和缩放画布。
- 多文件配置
- 支持多个画布切换，每个画布可自定义标题、增加、删除，并提供上传和下载功能。
- 国际化
- 目前支持中文，英文两种语言展示。
- 支持 PWA, 可离线访问
- 多平台认证登录，数据同步。
- AI 增强绘制。
git clone https://github.com/LHRUN/paint-board.git
pnpm install
pnpm dev
- 构建 Docker 镜像，镜像名称为
paint-board。
docker build -t paint-board .- 启动 docker 容器。
docker run -d -p 8080:80 --name paint-board paint-board- 在浏览器打开
http://localhost:8080/paint-board/即可访问。
建议使用最新版谷歌浏览器, 以下是最低版本支持
 Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| 80+ | 80+ | 70+ | 13+ |
如果你有任何建议或者有好的想法，欢迎随时与我联系！
- Email: [email protected]
- Telegram: https://t.me/longhao_song
- Twiter: https://twitter.com/Song_LongHao
- 微信：
-
👋 如果你觉得我的项目很酷，想要支持一下我的开发工作，欢迎用支付宝或微信请我喝一杯咖啡~
我很高兴你有兴趣对 PAINT BOARD 做出贡献。如果你发现了 BUG 并希望进行修复，请先在 Issue 中提出。对于新功能的增加，请先在 Discussions 中与我们进行沟通，或者直接通过以上提供的联系方式联系，进行贡献前请阅读以下贡献指南。感谢你的支持！
- Fabric.js 重构后
- Fabric.js 重构前
MIT License. See the LICENSE file.