给有后台的网站做网页,盐城网站建设费用,自己的网站源代码一片空白,室内装饰设计平面图Tool之Excalidraw#xff1a;Excalidraw(开源的虚拟手绘风格白板)的简介、安装和使用方法、艾米莉应用之详细攻略 目录
Excalidraw 简介
1、Excalidraw 的主要特点#xff1a;
Excalidraw 安装和使用方法
1、Excalidraw的安装
T1、使用 npm 安装#xff1a;
T2、使用 …Tool之ExcalidrawExcalidraw(开源的虚拟手绘风格白板)的简介、安装和使用方法、艾米莉应用之详细攻略 目录
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 项目页面。
