Excalidraw 介绍

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

🚢 项目地址

• 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
    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;
        }
}

🤖使用AI 画图

帮我画一个K8S,3个master节点，4个node节点，etcd集群外置

🎁 获取Excalidraw

• CNB 仓库地址：https://cnb.cool/srebro/pidin/-/tree/main/pidin/tools/excalidraw