什么是 Handraw ?

Handraw 是支持中文手寫和多畫布的 Excalidraw 白板工具。

官網上項目名稱還是 Excalidraw-CN，所以 Handraw 應該是基于 Excalidraw 二開的，特點是支持中文手寫字體和多畫布

官方也提供了免費使用的站點：https://handraw.top

什么是 Excalidraw ?

Excalidraw 是一款手繪風格流程圖、示意圖、架構圖在線繪制工具，也可以作為會議畫板使用，支持協同和端到端的加密。

Excalidraw 在兩年前就介紹過，老蘇還介紹過應用 Excalidraw 實現遠程教學的 Edrys

文章傳送門：開放式遠程教學平臺Edrys

構建鏡像

如果你不想自己構建，可以跳過，直接閱讀下一章節

官方提供了 Dockerfile ，但需要我們自己編。構建鏡像的基本命令如下👇

# 下載代碼 git clone https://github.com/korbinzhao/excalidraw-cn.git# 或者加個代理 git clone https://ghproxy.com/github.com/korbinzhao/excalidraw-cn.git# 進入目錄 cd excalidraw-cn# 構建鏡像 docker build -t wbsu2003/handraw:v1 .# 運行容器 docker run -d \--restart unless-stopped \--name handraw \-p 2213:80 \-e NODE_ENV=development \wbsu2003/handraw:v1

安裝

在群暉上以 Docker 方式安裝。

在注冊表中搜索 handraw ，選擇第一個 wbsu2003/handraw，版本選擇 latest。

端口

本地端口不沖突就行，不確定的話可以用命令查一下

# 查看端口占用 netstat -tunlp | grep 端口號 本地端口容器端口

2213	80

環境

可變值

NODE_ENV	設為 development

更多的環境變量，請參考 .env.production 文件或者 .env.development，地址分別是：

• https://github.com/korbinzhao/excalidraw-cn/blob/master/.env.production

• https://github.com/korbinzhao/excalidraw-cn/blob/master/.env.development

不過老蘇懷疑這些參數，應該是需要本地編譯才起作用的

命令行安裝

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

# 運行容器 docker run -d \--restart unless-stopped \--name handraw \-p 2213:80 \-e NODE_ENV=development \wbsu2003/handraw

也可以用 docker-compose 安裝，將下面的內容保存為 docker-compose.yml 文件

version: "3.8"services:handraw:image: wbsu2003/handrawcontainer_name: handrawports:- "2213:80"restart: on-failurestdin_open: truehealthcheck:disable: trueenvironment:- NODE_ENV=development

然后執行下面的命令

# 新建文件夾 handraw mkdir -p /volume1/docker/handraw# 進入 handraw 目錄 cd /volume1/docker/handraw# 將 docker-compose.yml 放入當前目錄# 一鍵啟動 docker-compose up -d

運行

在瀏覽器中輸入 http://群暉IP:2213 就能看到注冊界面

中文手寫

文字 --> 字體 --> 手寫

MacOS 系統和 Windows 系統下中文手寫字體不同，下面是 Windows 上的效果

多畫布

其他功能可以參考 Excalidraw

文章傳送門：支持手繪風格的白板Excalidraw

參考文檔

korbinzhao/excalidraw-cn: Excalidraw-CN 是支持中文手寫和多畫布的 Excalidraw 白板工具。Excalidraw-CN is a whiteboard supporting Chinese hand draw font and multi-canvas based on Excalidraw.
地址：https://github.com/korbinzhao/excalidraw-cn

Handraw | 中文友好的手寫效果白板工具
地址：https://handraw.top/

總結

以上是生活随笔為你收集整理的支持中文手写和多画布的Handraw的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。