当前位置: 首页 > article >正文

Tool之Excalidraw:Excalidraw(开源的虚拟手绘风格白板)的简介、安装和使用方法、艾米莉应用之详细攻略

Tool之Excalidraw:Excalidraw(开源的虚拟手绘风格白板)的简介、安装和使用方法、艾米莉应用之详细攻略

目录

Excalidraw 简介

1、Excalidraw 的主要特点:

Excalidraw 安装和使用方法

1、Excalidraw的安装

T1、使用 npm 安装:

T2、使用 yarn 安装:

Excalidraw 案例应用


Excalidraw 简介

Excalidraw是一个开源的虚拟手绘风格白板,支持协作和端到端加密。你可以用它创建漂亮的手绘风格图表、线框图或任何你想要的东西。它是一个免费且开源的无限画布白板,具有手绘风格、暗模式、可定制性、图片支持、形状库支持、本地化(i18n)支持等特性。

Excalidraw 支持导出为 PNG、SVG 和剪贴板格式,并使用开放格式——将绘图导出为 .excalidraw JSON 文件。它提供丰富的工具,例如矩形、圆形、菱形、箭头、线条、自由绘制、橡皮擦等,并支持箭头绑定和带标签的箭头,以及撤销/重做、缩放和平移功能。

Excalidraw.com 网站是一个展示 Excalidraw 功能的最小化应用,其源码也包含在这个仓库中。该应用具有PWA支持(离线工作)、实时协作、端到端加密和本地优先支持(自动保存到浏览器)等功能,并支持生成可共享的只读链接。 未来,这些功能将作为插件添加到 npm 包中。

GitHub地址:https://github.com/excalidraw/excalidraw

1、Excalidraw 的主要特点:

Excalidraw 结合了手绘风格的直观易用性与强大的协作和导出功能,使其成为一个功能丰富且易于使用的虚拟白板工具。

>> 手绘风格:Excalidraw 的核心特点是其手绘风格的界面和绘图体验,让用户感觉像是在用笔在白板上作画。

>> 虚拟白板:它是一个虚拟白板,允许用户在数字环境中进行绘图和协作。

>> 无限画布:提供无限大的画布空间,用户无需担心空间限制。

>> 开源免费:Excalidraw 是一个开源项目,并且完全免费使用。

>> 协作功能:支持实时协作,多个用户可以同时在同一个画布上进行编辑。

>> 端到端加密:确保用户数据的安全性和隐私性。

>> 可定制性:允许用户自定义设置和扩展功能。

>> 图片支持:支持插入和编辑图片。

>> 形状库支持:提供各种形状库,方便用户快速创建图表。

>> 多语言支持:支持多种语言,方便全球用户使用。

>> 多种导出格式:支持导出为 PNG、SVG 和剪贴板格式,以及 .excalidraw JSON 文件。

>> 丰富的工具:提供多种绘图工具,例如矩形、圆形、箭头、线条、自由绘制、橡皮擦等,并支持箭头绑定和带标签的箭头。

>> 撤销/重做:支持撤销和重做操作,方便用户修改错误。

>> 缩放和平移:支持缩放和平移功能,方便用户查看和编辑大型图表。

>> PWA 支持:Excalidraw.com 版本支持渐进式网络应用 (PWA),可以在离线状态下工作。

>> 本地优先支持:自动保存到浏览器,避免数据丢失。

>> 可共享链接:可以生成可共享的只读链接,方便与他人分享作品。

Excalidraw 安装和使用方法

1、Excalidraw的安装

以下说明适用于将 Excalidraw 集成到您自己的应用程序时安装 Excalidraw npm 包。要运行本地开发环境,请参考开发指南。

T1、使用 npm 安装:

npm install react react-dom @excalidraw/excalidraw

T2、使用 yarn 安装:

yarn add react react-dom @excalidraw/excalidraw

Excalidraw 案例应用

Excalidraw 已经被许多公司和项目集成使用,包括:Google Cloud、Meta、CodeSandboxObsidian、Excalidraw、Replit、Slite、Notion、HackerRank以及许多其他公司和项目,这些案例展示了 Excalidraw 在不同场景下的应用,例如团队协作、流程图绘制、思维导图创作等。 更多集成案例可参考 GitHub 项目页面。


http://www.kler.cn/a/447866.html

相关文章:

  • 【NLP 16、实践 ③ 找出特定字符在字符串中的位置】
  • SAP HCM 考勤时间冲突到分 源码分析
  • [bug] StarRocks borker load意向之外的bug
  • STM32单片机使用CAN协议进行通信
  • PHP MySQL 插入多条数据
  • 【ETCD】【源码阅读】深入分析 storeTxnWrite.Put方法源码
  • 10.1k高星 GitHub 库:告别JSON错误:Outlines如何提升大模型的结构化输出
  • PHP阶段一
  • 分布式专题(8)之MongoDB存储原理多文档事务详解
  • Pycharm访问MongoDB数据库
  • 如何解决MQ消息积压问题?
  • 牛客网 SQL36查找后排序
  • 基于 Qt C++ 的滚动屏实现
  • Unity 碎片化空间的产生和优化
  • 本地训练controlnet网络详解——以官方fill50k数据集为例
  • 数据结构与算法再探(三)树
  • 本地电脑使用命令行上传文件至远程服务器
  • Pydantic 2.0 完整指南
  • k8s 创建密钥以及证书安装
  • Jackson 的@JsonRawValue
  • Python 自带的日期日历处理大师:calendar 库
  • Paimon 是什么?Apache Paimon简介
  • 项目2路由交换
  • 米思齐图形化编程之ESP32开发指导
  • PostgreSQL表达式的类型
  • 晶闸管-直流电动机调速系统设计【MATLAB源码+Word文档】