PassNAT LogoPassNAT

开源绘画板Paint Board在线创作 NAS部署内网穿透远程访问

作者

小编

发布时间

Curving abstract shapes with an orange and blue gradient

项目介绍

Paint Board 是一个开源的网页创意绘画板,基于现代 Web 技术构建。它提供了一个功能丰富、易于使用的在线绘画工具,支持多种绘画模式、丰富的图形库、多文件管理等功能。无论你是专业设计师还是绘画爱好者,都能在这个平台上尽情发挥创意,创作出令人惊艳的作品。

项目采用现代化的前端技术栈,集成了 Fabric.js 实现高效的画布操作,支持智能图像处理、撤销重做、多语言国际化等实用功能。最重要的是,它完全开源免费,你可以直接在浏览器中使用,无需安装任何软件,随时随地开启你的创意之旅。

项目地址: 点我跳转


部署安装

如果你想在自己的服务器或 NAS 上部署 Paint Board,使其在家庭网络外也能访问,建议配置内网穿透工具。推荐使用 帕斯内网穿透,先注册账号备用。具体的配置步骤可以参考 帕斯内网穿透全平台上手攻略,让你轻松实现远程访问。

最快速部署方案(Docker 单命令)

打开你的飞牛 NAS 或其他 NAS 设备的管理界面。

点击 本地镜像 - 添加镜像 - 从 URL 添加

在镜像地址栏填入以下镜像名称:

1paint-board:latest

等待镜像下载完成后,点击启动按钮启动容器。

进入容器配置界面:

勾选开机自动启动,这样 NAS 重启后容器会自动启动,无需手动操作。

端口映射配置:

容器内端口:`80`(这是固定的,不要修改)

宿主机端口:`8080`(如果你的 NAS 上 8080 端口已被占用,可以改为其他端口,比如 8081、8082 等,但记住你修改后的端口号)

存储位置:

这个项目不需要特殊的数据持久化目录配置,使用默认设置即可。

环境变量:

该项目不需要配置任何环境变量,保持默认即可。

配置完成后点击下一步,启动容器。


访问应用

创建成功后,在浏览器中访问:

1http://你的NAS地址:8080/paint-board/

例如你的 NAS 地址是 `192.168.1.100`,则访问:

1http://192.168.1.100:8080/paint-board/

到这里就可以看到 Paint Board 的绘画界面了,开始你的创意之旅吧!


浏览器兼容性

推荐使用最新版本的 Google Chrome 浏览器。最低版本支持要求如下:

Chrome 70+

Firefox 80+

Edge 80+

Safari 13+


功能特性速览

Paint Board 拥有以下强大功能:

绘画模式

12 种不同的笔刷风格:基础笔刷、彩虹笔刷、多形状笔刷、多材质笔刷、像素笔刷、多色笔刷、文字笔刷、多线连接笔刷、网格笔刷、多点连接笔刷、波浪曲线笔刷、荆棘笔刷

丰富的图形绘制:内置多种形状和 Lucide 图标库,点击即用,支持自定义线宽、线条风格、填充颜色

编辑功能

橡皮擦模式:线性擦除内容,支持宽度配置

选择模式:支持点选或框选,选中后可进行拖拽、缩放、旋转等操作

撤销/重做:完整的操作历史记录

画布管理

自定义画布背景和大小

多文件支持:可同时管理多个画布,支持自定义标题、添加、删除、排序

文件导入导出:支持上传图片和保存作品

国际化

支持简体中文、繁体中文、English、日本語、한국어

本篇教程结束,祝你使用愉快!