画板软件 Excalidraw

2023-10-24 14:34:17 浏览数 (1)

一 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" 的文件,并在其中添加以下内容:

代码语言:javascript复制
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 数据到页面上,可以直接生成 柱状图或者的折线图

代码语言:javascript复制
DS,VALUE
202301,1670
202302,292
202303,1134
202304,1925
202305,1255
202306,957
202307,4260

三 总结

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

0 人点赞