使用Docker部署网页版绘画工具

116 阅读3分钟

镜像是我(汉化)制作的,欢迎关注我B站账号 秦曱凧 (读作 qín yuē zhēng)
后面有新的项目,会在B站先发,欢迎关注。

欢迎start

一款在线绘画工具。

  • 绘画模式
    • 自由绘画
    • 形状绘制
  • 橡皮擦模式
    • 橡皮擦模式可线性擦除所有内容,并支持线性宽度配置。
  • 选择模式
    • 在选择模式下,可以通过点击绘画内容进行框选。点击手柄支持拖拽、缩放和旋转操作,提供灵活的编辑方式。
    • 选择图片支持多种滤镜配置。
    • 选择文字时,支持字体和样式设置。
    • 所有绘制内容均支持图层设置,包括向上移动层级、向下移动层级、移动至顶层和移动至底层。
    • 所有绘制内容支持透明度配置。
    • 所有绘制内容支持橡皮擦是否可擦除配置。
  • 画板配置
    • 画板支持配置背景配置, 包括颜色, 背景图, 透明度。
    • 画板支持自定义宽高配置。
    • 支持绘画缓存,在存在大量绘制内容的情况下,启用缓存将提高绘制性能,而禁用缓存则会提升画布清晰度。
    • 新增辅助线绘制功能。
  • 多功能菜单
    • 左下角按钮实时显示当前缩放比例,点击即可重置缩放比例。
    • 中间按钮列表按从左到右的功能分别为:撤销、反撤销、复制当前选择内容、删除当前选择内容、绘制文字、上传图片、清除绘制内容、保存为图片、打开文件列表。
      • 上传图片支持去除背景, 图像分割. 此功能需要浏览器支持WebGPU
      • 保存为图片支持自定义配置. 旋转, 缩放, 裁切
    • 电脑端:
      • 按住 Space 键并点击鼠标左键可移动画布,滚动鼠标滚轮实现画布缩放。
      • 按住 Backspace 键可删除已选内容。
      • 同时按住 Ctrl 键 + V 键可粘贴剪贴板图片。
    • 移动端:
      • 支持双指按压后拖拽和缩放画布。
  • 多文件配置
    • 支持多个画布切换,每个画布可自定义标题、增加、删除,并提供上传和下载功能。
  • 国际化
    • 支持中文(简体), 中文(繁体), English, 日本語, 한국어。
  • 支持 PWA, 可离线访问

原项目没有docker镜像,我制作了docker镜像。镜像大小仅2.95MB。

源码修改说明

  • 修改文件引用地址为相对路径(可通过子路径访问)
  • 远程文件本地化(可纯内网使用)
  • 完善汉化
  • 设置默认语言为中文
  • 去掉用户行为跟踪

有需要帮忙部署这个项目的朋友,一杯奶茶,即可程远程帮你部署,需要可联系。
微信号 E-0_0-
闲鱼搜索用户 明月人间
或者邮箱 firfe163@163.com

镜像

镜像位于国内,在华为云或阿里云,方便拉取。
(镜像没有上传在DockerHub上面)

端口号 5139

镜像地址

swr.cn-north-4.myhuaweicloud.com/firfe/paint-board:1.5.7

docker run 部署

docker run -d \
--name paint-board \
--network bridge \
--restart always \
--log-opt max-size=1m \
--log-opt max-file=1 \
-p 5139:5139 \
swr.cn-north-4.myhuaweicloud.com/firfe/paint-board:1.5.7

在命令最后追加-p 端口自定义端口

compose 文件部署 👍推荐

name: paint-board
services:
  paint-board:
    container_name: paint-board
    image: swr.cn-north-4.myhuaweicloud.com/firfe/paint-board:1.5.7
    network_mode: bridge
    restart: always
    logging:
      options:
        max-size: 1m
        max-file: '1'
    ports:
      - 5139:5139
    # 指定端口
    # command: ["-p", "自定义端口"] 

效果图

PixPin_2025-09-05_23-26-49.png