77.7k star, 免费开源的绘图工具 excalidraw

Posted 2024-07-23 Updated 2024-07- 23

By RWO.

10~13 min read

excalidraw -- 绘制手绘图的虚拟白板

Github 开源地址： https://github.com/excalidraw/excalidraw

在线测试地址： https://excalidraw.com/

excalidraw 是一款开源免费的虚拟白板，提供一个在线的实时协作白板工具，使用户能够创建简单的图形和图示。

excalidraw 的设计目标是提供一个易于使用的绘图工具，支持团队协作，同时具有跨平台和实时协作的功能。

简单易用： excalidraw 提供了一个简单直观的界面，用户可以轻松地在白板上绘制各种图形，包括基本的形状、线条和文本。
实时协作： 项目支持实时协作，多个用户可以同时在同一白板上工作，每个用户的更改都会立即在所有协作者的屏幕上反映出来，使得团队协作更加方便。
导出和分享： 用户可以将他们创建的图形导出为图像文件，并且白板可以通过链接分享给他人。
跨平台： excalidraw 是一个 Web 应用，可以在不同的操作系统和设备上运行，只需通过现代的 Web 浏览器即可使用。
开源： excalidraw 是免费且开源的，托管在 GitHub 上，任何人都可以查看、使用、修改和贡献代码。
**本地化（i18n）支持：**支持多国语言。
**手绘风格：**excalidraw 的绘图风格是手绘图形。
**元素库和自定义元素：**excalidraw 提供了一些常用的图形元素，如矩形、圆形、箭头等，用户可以从元素库中选择并拖放到画布上，用户还可以自定义元素的外观和样式。

安装

yarn安装

安装方法也很简单，先克隆 excalidraw：

git clone https://github.com/excalidraw/excalidraw.git

然后进入 excalidraw 目录：

cd excalidraw

执行以下命令：

yarn

启动：

yarn start

docker安装

docker pull

docker pull excalidraw/excalidraw

docker run

docker run -d -p 3000:80 --name my-excalidraw excalidraw/excalidraw

-d 参数代表后台运行容器。
-p 80:80 参数将容器的80端口映射到宿主机的80端口。
–name my-excalidraw 参数为你的容器命名为my-excalidraw。
excalidraw/excalidraw 是Docker Hub上的Excalidraw官方镜像。

docker-compose

version: '3.8'

services:
  excalidraw:
    image: excalidraw/excalidraw
    container_name: my-excalidraw
    ports:
      - "3000:80"
    restart: always

version: ‘3.8’ 指定了Compose文件格式的版本。
services: 定义了要运行的服务。
excalidraw: 是服务的名称。
image: excalidraw/excalidraw 指定使用哪个镜像。
container_name: my-excalidraw 为容器设置了一个名字。
ports: 列出了端口映射，将容器的80端口映射到宿主机的80端口。
restart: always 表示容器总是重启。