PaintBoard

一款支持多端操作的趣味艺术画板开源Web应用

网站截图

该工具是一个功能全面的数字绘画板，涵盖从基础绘图到高级编辑的全流程需求，特色在于丰富的笔刷样式、灵活的图层管理、多画布支持及跨平台操作优化（PC/移动端）。适合艺术创作、设计草图和教学演示等场景。

1. 绘图模式（FreeStyle）​​

• ​​画笔样式​​：提供12种独特画笔，满足多样化创作需求：
  • ​​基础类​​：Basic（基础）、Rainbow（彩虹色）、Pixels（像素化）
  • ​​形状类​​：MultiShape（多形状组合）、Thorn（荆棘状）、Reticulate（网状）
  • ​​动态类​​：Wiggle（扭曲线条）、MultiPoint（多点连接）、MultiLine（多线连接）
  • ​​特殊效果​​：Text（文字笔刷）、MultiColor（多色混合）、Material（材质纹理）
• ​​自定义配置​​：
  • 所有画笔支持调整颜色和笔刷宽度。
  • MultiShape：可灵活配置形状类型（如圆形、方形等）和数量。
  • Material/MultiColor：支持材质类型（如金属、水彩）和颜色组合。
  • Text笔刷：支持循环文字、字体选择及大小调整。

​​2. 形状绘制（ShapeDraw）​​

• ​​功能特性​​：
  • 提供常见几何形状（矩形、圆形、多边形等）及箭头绘制。
  • 支持多段线（Polyline）和自由路径。
  • 样式配置：可设置边框颜色/粗细、填充颜色及透明度。

​​3. 擦除模式（EraserMode）​​

• 线性擦除：通过拖动擦除画布内容。
• 可调整擦除宽度，适应不同精度需求。

​​4. 选择模式（SelectMode）​​

• ​​编辑功能​​：
  • 点击选中绘图元素，支持拖拽、缩放、旋转操作。
  • 删除选中内容（支持快捷键Backspace）。
• ​​高级配置​​：
  • 图片滤镜：对选中图片应用多种滤镜效果。
  • 文本编辑：修改字体、大小、颜色等属性。
  • 图层管理：调整元素层级（置顶、置底、上移、下移）。
  • 透明度设置：全局或单个元素透明度调整。

​​5. 画布设置（BoardMode）​​

• ​​背景配置​​：
  • 颜色填充、背景图片上传、透明度调整。
  • 支持移除背景（需上传图片后使用分割功能）。
• ​​画布属性​​：
  • 自定义画布尺寸（宽度/高度）。
  • 性能优化：启用缓存提升大量内容绘制性能，关闭缓存提高清晰度。
  • 辅助工具：网格参考线开关。
• ​​操作控制​​：
  • PC端：空格+左键拖动画布，滚轮缩放，Ctrl+V粘贴剪贴板图片。
  • 移动端：双指拖拽缩放。

​​6. 界面与快捷键（BorderConfig）​​

• ​​工具栏功能​​：
  • 实时显示缩放比例，点击重置画布缩放。
  • 按钮依次为：撤销、重做、复制选中项、删除选中项、插入文字、上传图片、清空画布、保存为图片、打开文件列表。
• ​​快捷键​​：
  • PC端：空格+左键（移动画布）、Backspace（删除选中）、Ctrl+V（粘贴图片）。

​​7. 文件管理（FileConfig）​​

• ​​多画布支持​​：
  • 创建/切换多个画布，支持自定义标题。
  • 操作：新增、删除、上传（导入）、下载（导出）。
• ​​确认提示​​：
  • 清空画布或删除文件时弹出二次确认对话框。

​​8. 其他功能​​

• ​​图像处理​​：
  • 上传图片后支持“移除背景”（基于图像分割技术）。
  • 支持正/负向点选调整分割区域。
• ​​保存与导出​​：
  • 画布内容可保存为本地图片（PNG/JPG等格式）。