什么是 Handraw ?

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

官網(wǎng)上項(xiàng)目名稱還是 Excalidraw-CN，所以 Handraw 應(yīng)該是基于 Excalidraw 二開(kāi)的，特點(diǎn)是支持中文手寫字體和多畫布

官方也提供了免費(fèi)使用的站點(diǎn)：https://handraw.top

什么是 Excalidraw ?

Excalidraw 是一款手繪風(fēng)格流程圖、示意圖、架構(gòu)圖在線繪制工具，也可以作為會(huì)議畫板使用，支持協(xié)同和端到端的加密。

Excalidraw 在兩年前就介紹過(guò)，老蘇還介紹過(guò)應(yīng)用 Excalidraw 實(shí)現(xiàn)遠(yuǎn)程教學(xué)的 Edrys

文章傳送門：開(kāi)放式遠(yuǎn)程教學(xué)平臺(tái)Edrys

構(gòu)建鏡像

如果你不想自己構(gòu)建，可以跳過(guò)，直接閱讀下一章節(jié)

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

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

安裝

在群暉上以 Docker 方式安裝。

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

端口

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

# 查看端口占用 netstat -tunlp | grep 端口號(hào) 本地端口容器端口

2213	80

環(huán)境

可變值

NODE_ENV	設(shè)為 development

更多的環(huán)境變量，請(qǐng)參考 .env.production 文件或者 .env.development，地址分別是：

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

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

不過(guò)老蘇懷疑這些參數(shù)，應(yīng)該是需要本地編譯才起作用的

命令行安裝

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

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

也可以用 docker-compose 安裝，將下面的內(nèi)容保存為 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

然后執(zhí)行下面的命令

# 新建文件夾 handraw mkdir -p /volume1/docker/handraw# 進(jìn)入 handraw 目錄 cd /volume1/docker/handraw# 將 docker-compose.yml 放入當(dāng)前目錄# 一鍵啟動(dòng) docker-compose up -d

運(yùn)行

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

中文手寫

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

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

多畫布

其他功能可以參考 Excalidraw

文章傳送門：支持手繪風(fēng)格的白板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/

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。