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

draw.io for Notion Chrome 扩展程序

drawio5年前 (2021-11-03)draw.io教程9

现在,您可以使用适用于 Chrome、Opera 和 Edge 浏览器的 draw.io for Notion 扩展程序,直接在 Notion 页面中创建和存储图表。draw.io for Notion 扩展程序采用类似白板的简洁编辑器主题,并会自动调整 Notion 页面中显示的嵌入式图像大小,以完整显示您的图表。

嵌入并存储在 Notion 中的图表只能包含一个图表页面。如果您想使用多页图表,可以将这些图表页面的图像嵌入到 Notion 内容中,但将图表文件存储在 Google Drive 或 OneDrive 等云存储平台中。

安装 draw.io for Notion 扩展

  1. 在 Chrome 网上应用商店找到draw.io for Notion 扩展程序,然后点击“添加到 Chrome”。

  2. 点击添加扩展程序

  3. 点击搜索栏旁边的“扩展”图标,然后将 draw.io for Notion 扩展程序固定到搜索栏。固定后,该扩展程序即可允许您在 Notion 页面中保存图表。

在 Notion 页面中添加图表

当你访问 Notion 时,你会看到 draw.io for Notion 扩展程序已被授予访问权限——扩展程序图标是彩色的。

  1. 打开 Notion 页面或数据库,或者使用此 Notion 模板

  2. 点击地址字段旁边的 draw.io 扩展图标,然后点击“插入图表”或点击模板中的现有图表。

  3. 等待扩展程序将 draw.io 图表编辑器添加到页面或插入此图表

你会看到面板漂浮在嵌入到 Notion 页面中的绘图画布的外部。


  • 格式面板在右侧。

  • 左侧工具栏包含基本形状以及用于插入表格、绘制自由形状和访问完整形状库及模板库的工具。

  • 菜单在左上角。

如果您点击 Notion 页面上其他位置的图表编辑器以外的区域,图表编辑器将会关闭,图表将自动居中并调整大小以适应图表内容。

使用 Notion 中内置的图表编辑器

点击图表即可打开编辑器面板和工具。如果要使用更大的绘图画布,请点击右上角的 “全屏”工具。

在 draw.io for Notion 扩展中创建图表就像使用 draw.io 一样。

刚开始学习绘制流程图?请跟随本教程创建一个简单的流程图,并熟悉流程图编辑器的功能。

以下是简要回顾:

放大和缩小:使用鼠标滚轮或右上角的工具栏。

在图表中移动:按住鼠标中键或右键并拖动画布。

添加形状:从工具栏拖动形状或在绘图画布上双击以添加形状。

连接形状:将鼠标悬停在现有形状上时,从方向箭头或连接点拖动连接器。

设置形状样式:使用右侧的“格式”面板更改所选形状、连接线和文本的样式。此面板中可用的工具会根据您的选择而变化。

访问工具、形状库和模板

  • 将鼠标悬停在图表编辑器中的任何工具上,即可查看工具提示。

  • 点击左侧工具栏中的“形状”工具,即可访问更多形状、搜索形状并启用更多形状库。

  • 点击模板工具打开模板库,插入图表模板。

  • 在菜单中,点击“图层”“标签”,即可在浮动面板中显示这些工具。

您可以拖动任意浮动面板到页面内的其他位置,以保持绘图画布的整洁。要展开或折叠浮动面板,请单击标题中的箭头。要关闭浮动面板,请单击右上角的“×”图标。

提示:如果您更喜欢使用网格,请单击图表中的空白区域,以便在格式面板中看到“图表”选项卡,然后启用“网格”复选框。

导入图表

当要导入现有图表文件时,需要插入一个新的空白图表。

  • 点击左上角的菜单图标,然后选择“从……导入”,并选择您存储图表文件的位置。

  • 或者,直接将图表文件拖入绘图画布,然后在绘图画布轮廓变为红色时将其放下。

导出图表

您可以下载存储在 Notion 页面中的图表文件。

  1. 在菜单中,点击“导出为”

  2. 选择您希望将图表导出为的格式。

    • 部分格式允许您选择其他选项,例如嵌入图表数据。选择设置后,单击“导出”

  3. 如果您选择导出到文件,请点击“下载”将文件保存到您的设备。

或者,您可以像下载其他图片一样,从 Notion 页面下载该图片。它将以 drawio.svg 文件(包含嵌入式图表数据)的形式下载。

了解更多关于图表导出格式的信息。

删除图表

Backspace就像删除其他内容一样,您可以从 Notion 页面中删除图表Delete。或者,单击移动手柄并选择“删除”。