当前位置:首页 > draw.io教程

使用来自网络的自定义形状库。

drawio3年前 (2023-02-24)draw.io教程10

draw.io 让您轻松地将最常用的形状、图像、自定义形状和图表片段收集到您自己的便捷自定义形状库中。许多自定义库以开源形式在线提供,供您在图表、信息图和用户文档中使用。

当您将自定义库.xml文件存储在网站上时,任何有权访问该网站的人都可以使用您的形状来绘制他们的图表。

从网络加载自定义库

  1. 点击...工具栏中的图标,然后选择“从 URL 打开库”。(在 draw.io 菜单中 选择“文件”>“从 URL 打开库”)。

  2. 输入自定义库文件的 URL .xml,然后单击“打开”

形状库将显示在左侧的形状面板中。如果形状库特别大,包含精细的形状,或者存储在速度较慢的 Web 服务器上,则可能需要一些时间才能加载到形状面板中。

之前从网页打开的自定义库将在编辑器中保持打开状态,直到您将其关闭。

将库作为 URL 参数加载

将自定义库作为URL 参数的链接更容易与可能不熟悉我们编辑器菜单的新用户共享。

  • 编辑我们在线图表编辑器的 URL,并添加clibs参数和自定义库的地址(使用 URL 编码字符)。例如,此自定义库托管在我们的 GitHub 代码库中。
    https://app.diagrams.net/?clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ftemplates.xml

  • 要仅打开该特定库并隐藏默认形状库,请添加以下libs=0参数:
    https://app.diagrams.net/?libs=0&clibs=Uhttps%3A%2F%2Fjgraph.github.io%2Fdrawio-libs%2Flibs%2Ftemplates.xml

您还可以将自定义形状库加载到 Confluence Cloud 中的 draw.io 中。管理员可以设置这些库,使其默认对 Confluence 实例中的用户可用。

公开可用的自定义库

draw.io-libs 自定义库集合

我们在 Github 上的存储库包含一系列通用库和矢量形状,包括联合国人道事务协调厅图标、技术图表模板、OSA 图标、用于精确网站模型的 Font Awesome 形状等等。

从存储库中点击任何链接draw.io-libs,即可在 draw.io 编辑器中打开该自定义库。

重要提示:请务必点击Github 中的Raw以获取指向自定义库文件内容的链接,而不是 GitHub 包装器的链接。

DevSecOps

为了对开发管道中的安全性和运营进行建模,GitHub 用户 djschleen 和 aquasecurity 创建了一些可以很好地协同工作的自定义库:具有不同颜色阶段、弯曲和分支的管道形状;以及用于云安全阶段的软件和服务组件的供应商和产品徽标。

在 draw.io 编辑器中打开这两个公共自定义库。

管道形状可以拼接在一起,也可以用来绘制整齐的运输线和时间线图。

拼图线框套件

使用Puzzle 汇编的自定义形状库和线框图工具包,创建包含线框图组件、头像、表单元素、图标等的应用程序和网站模型

Puzzle 还提供多个采用其企业颜色的图库,以帮助用户按照其品牌指南创建信息图。

威胁建模

Michael Henrikson 的威胁建模形状库已集成到 draw.io 中。它最初发布在 GitHub 上

基础设施图

Exoscale提供了三个用于绘制架构和基础设施图的自定义库,并已将其发布在 GitHub 上。

打开这些库即可使用。

注意:使用公开提供的自定义形状库时,请务必检查任何许可或使用限制。

GitHub 上有更多公共自定义库。

还有许多其他开发者在 GitHub 上发布了大量可在 draw.io 中使用的公共自定义库。以下是一些精选示例。

创建你自己的形状和库

使用以下信息创建您自己的形状、样式和自定义库。