Excalidraw 介绍

Product showcase

一个开源的虚拟手绘风格的白板，支持高效协作和端到端加密；可以创建精美的手绘图像，如图表、线框或任何您喜欢的内容。

🚢 项目地址

Github: https://github.com/excalidraw/excalidraw

🚀Excalidraw 特征

💯 免费且开源。
🎨 无限的、基于 Canvas 的白板。
✍️ 原生的手绘风格。
🌓 支持深色模式
📷 图像支持
😀 形状库支持。
👅 本地化（i18n）支持。
🖼️ 导出到 PNG，SVG 和剪贴板。
💾 开放格式 - 将图纸导出为 .excalidraw json 文件。
⚒️ 多种工具 - 矩形、圆形、菱形、箭头、线条、自由绘图、橡皮擦......
➡️ 箭头绑定和标记箭头。
🔙 撤消/重做。
🔍 缩放和平移支持。
🤖 支持 AI 生成画布，流程图

🌏️Excalidraw 应用场景

远程协作: 实时协作，在远程工作或学习中，作为团队成员之间共亨和协作绘图的工具，
头脑风暴: 在会议或团队讨论中，快速记录和展示想法，促进创意的交流和碰撞。
产品设计: 产品经理快速绘制产品原型图、用户流程图和界面草图。
技术绘图: 开发者和工程师绘制软件架构图、网络拓扑图和算法流程图

🛠️ 部署 Excalidraw

👻 先决条件/要求

最低 512MB RAM（推荐 1GB+）
具备 docker 或者 docker-compose 环境

🐳 方法一：使用 Docker 命令部署

docker run -d --name excalidraw -p 5000:80 docker.cnb.cool/srebro/pidin/excalidraw:latest

🐳 方法二：使用 Docker Compose 部署 (推荐)

version: "3.0"
services:
  excalidraw:
    container_name: excalidraw
    #image: excalidraw/excalidraw
    image: docker.cnb.cool/srebro/pidin/excalidraw:latest  ##CNB 镜像加速地址
    restart: always
    networks:
      - excalidraw
    ports: 
      - 5000:80
networks:
  excalidraw:

访问： http://xx.xx.xx.xx:5000

🧭 使用 Nginx 反向代理

#draw
  server {
        listen       443 ssl;
        server_name  draw.srebro.cn;  ##替换成自己的域名
        error_page  404              /404/404.html;
        charset utf-8;

        ssl_certificate /home/application/nginx/cert/srebro.cn.pem; 
        ssl_certificate_key /home/application/nginx/cert/srebro.cn.key;
        ssl_session_cache    shared:SSL:1m;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

    location / {
    proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header x-wiz-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://localhost:5000;
        }
}