画板软件 Excalidraw

一 Excalidraw 简介

Excalidraw是一个手写风格的框图画板软件。开源、小巧易用，在许多软件中都有开发者将其作为插件嵌入，达到手写风格画程序框图的目的。

其官方地址: https://excalidraw.com/ 打开官网就可以直接使用，而且免费保存高清图片，甚至支持多人协作。

Excalidraw 的主要特点包括：

1. 直观易用：Excalidraw 的界面简洁直观，用户可以轻松绘制各种图形，无论是专业人士还是初学者都能上手。
2. 实时协作：多人可以同时编辑同一份图形，实时查看对方的编辑动态，提高团队协作效率。
3. 支持多种元素：Excalidraw 提供丰富的绘图元素，包括基本的图形、箭头、文本框等，满足用户的不同绘图需求。
4. 跨平台：Excalidraw 可以在各种现代浏览器上运行，并且适配移动设备，方便用户在任何地方使用。

如何使用

1. vscode插件，只需要在插件市场下载安装即可。
2. 官网使用，如果网络流畅的话没问题，支持功能比较全。
3. 私有化部署，变成自己电脑上的软件。

本文讲述一下如何在 本地 私有化部署的方式。笔者的工作机是 Mac，

二 私有化部署

为了简化 Excalidraw 的部署过程，我们使用 Docker Compose 来一键部署 Excalidraw 服务。请确保已经安装了 Docker 和 Docker Compose。

接下来，按照以下步骤进行部署：

配置 Docker Compose 文件

首先，在服务器上创建一个文件夹，例如 "excalidraw"，然后在该文件夹下创建一个名为 "docker-compose.yml" 的文件，并在其中添加以下内容：

version: '3.3'
services:
  excalidraw:
    image: ddsderek/excalidraw:latest
    container_name: excalidraw
    restart: always
    ports:
      - 3698:80
    volumes:
      - ./data:/app/web

启动 Excalidraw 服务

在 "excalidraw" 文件夹下执行以下命令启动 Excalidraw 服务：

docker-compose up -d

访问 Excalidraw

当服Dokcer 务启动后，通过浏览器配置的端口 http://127.0.0.1:3698/ ，即可进入 Excalidraw 的界面。

打开就可以直接画，免费开源而且不需要注册。

基本使用

添加素材库

选择 合适的素材，选择 Add to Excalidraw ,建议搜索 Software Architecture

里面有很多适合 软件架构的元素。

直接拷贝 excel 数据到页面上，可以直接生成 柱状图或者的折线图

DS,VALUE
202301,1670
202302,292
202303,1134
202304,1925
202305,1255
202306,957
202307,4260

三 总结

Excalidraw工具的优势在于开箱即用，而且界面简单方便，作出的图形相比其他主流的画图工具更美观。更多的功能，欢迎有兴趣的朋友自己探索。