开源趣味艺术画板Paint Board

什么是 Paint Board ?

Paint Board 是简洁易用的 Web 端创意画板。它集成了多种创意画笔和绘画功能,支持形状绘制、橡皮擦、自定义画板等操作,并可以将作品保存为图片。

软件功能:

不过非常可惜,老苏最期待的数据同步还在计划中,这也意味着软件宣传的多端操作,还没有实现

另外也没有看到分享,图片也只能保存为 png 格式,不过软件还是很有特色的,家里有小朋友,可以用来做个创意涂鸦板

不想自己安装,可以试试官方提供的在线演示:https://songlh.top/paint-board

构建镜像

如果你不想自己构建,可以跳过,直接阅读下一章节

官方提供了 Dockerfile ,但需要我们自己改一下

Dockerfile 中第一行需要将 FROM node:16-alpine as build-stage 修改为 FROM node:18-alpine as build-stage

否则会在构建时报错

log 复制代码
[build-stage 4/4] RUN echo "https://registry.npmmirror.com" > .npmrc &&     npm install -g pnpm &&     pnpm install --fr  89.6s
 => => # npm WARN EBADENGINE Unsupported engine {                              
 => => # npm WARN EBADENGINE   package: 'pnpm@9.12.2',                         
 => => # npm WARN EBADENGINE   required: { node: '>=18.12' },                  
 => => # npm WARN EBADENGINE   current: { node: 'v16.20.2', npm: '8.19.4' }    
 => => # npm WARN EBADENGINE }

构建镜像和容器运行的基本命令如下👇

构建时,软件对应的版本为 1.4.1

bash 复制代码
# 下载代码
git clone https://github.com/LHRUN/paint-board.git
  
# 进入目录  
cd paint-board
  
# 构建镜像
docker build -t wbsu2003/paint-board:v1 .

# 修改 Dockerfile 中基础镜像的版本

# 运行容器
docker run -d \
    --name paint-board \
    -p 8080:80 \
    wbsu2003/paint-board:v1

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 wbsu2003 ,找到 wbsu2003/paint-board,版本选择 latest

端口

本地端口不冲突就行,不确定的话可以用命令查一下

bash 复制代码
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
5037 80

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

bash 复制代码
# 运行容器
docker run -d \
    --name paint-board \
    -p 5037:80 \
    wbsu2003/paint-board

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

yaml 复制代码
version: '3'

services:
  paint-board:
    image: wbsu2003/paint-board
    container_name: paint-board
    restart: unless-stopped
    ports:
      - 5037:80

然后执行下面的命令

bash 复制代码
# 新建文件夹 paint-board
mkdir -p /volume1/docker/paint-board

# 进入 paint-board 目录
cd /volume1/docker/paint-board

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

软件对浏览器版本要求不高,建议使用最新版 Google Chrome,以下为最低支持版本

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

在浏览器中输入 http://群晖IP:5037 就能看到主界面

随手涂鸦

软件的使用很简单,不会可以去看看视频教程:https://www.bilibili.com/video/BV1dJ4m1h7vg

参考文档

LHRUN/paint-board: 🎨 A powerful multi-end drawing board that brings together a lot of creative brushes to experience a whole new range of drawing effects!

地址:https://github.com/LHRUN/paint-board

paint-board

地址:https://songlh.top/paint-board/

相关推荐
陌路物是人非42 分钟前
docker对nginx.conf进行修改后页面无变化或页面报错
nginx·docker
Session_MY2 小时前
Docker 配置镜像加速
运维·docker·容器
LKID体6 小时前
docker加载目录中所有的镜像
java·docker·容器
鸠摩智首席音效师9 小时前
如何在一个 Docker 容器中运行多个进程 ?
java·docker·容器
来一杯龙舌兰12 小时前
【MongoDB】Windows/Docker 下载安装,MongoDB Compass的基本使用、NoSQL、MongoDB的基础概念及基础用法(超详细)
windows·mongodb·docker·mongodb compass
二十雨辰14 小时前
[linux]docker快速入门
运维·docker·容器
linzhisong15 小时前
飞牛OS在Docker中安装ODOO ERP系统
运维·docker·容器
不惑_17 小时前
Docker:介绍与安装
运维·docker·容器
梁一哥17 小时前
Docker Remote API TLS 认证_docker远程接口未授权访问漏洞怎么解决
运维·docker·容器
Hi2024021719 小时前
采用macvlan绕过某些软件需要MAC授权的问题
docker·授权·macvlan·mac绑定