draw.io for Notion Chrome 扩展程序
现在,您可以使用适用于 Chrome、Opera 和 Edge 浏览器的 draw.io for Notion 扩展程序,直接在 Notion 页面中创建和存储图表。draw.io for Notion 扩展程序采用类似白板的简洁编辑器主题,并会自动调整 Notion 页面中显示的嵌入式图像大小,以完整显示您的图表。
嵌入并存储在 Notion 中的图表只能包含一个图表页面。如果您想使用多页图表,可以将这些图表页面的图像嵌入到 Notion 内容中,但将图表文件存储在 Google Drive 或 OneDrive 等云存储平台中。
安装 draw.io for Notion 扩展
在 Chrome 网上应用商店找到draw.io for Notion 扩展程序,然后点击“添加到 Chrome”。

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

在 Notion 页面中添加图表
当你访问 Notion 时,你会看到 draw.io for Notion 扩展程序已被授予访问权限——扩展程序图标是彩色的。
打开 Notion 页面或数据库,或者使用此 Notion 模板。
点击地址字段旁边的 draw.io 扩展图标,然后点击“插入图表”或点击模板中的现有图表。
等待扩展程序将 draw.io 图表编辑器添加到页面或插入此图表。
你会看到面板漂浮在嵌入到 Notion 页面中的绘图画布的外部。

格式面板在右侧。
左侧工具栏包含基本形状以及用于插入表格、绘制自由形状和访问完整形状库及模板库的工具。
菜单在左上角。
如果您点击 Notion 页面上其他位置的图表编辑器以外的区域,图表编辑器将会关闭,图表将自动居中并调整大小以适应图表内容。
使用 Notion 中内置的图表编辑器
点击图表即可打开编辑器面板和工具。如果要使用更大的绘图画布,请点击右上角的 “全屏”工具。

在 draw.io for Notion 扩展中创建图表就像使用 draw.io 一样。
刚开始学习绘制流程图?请跟随本教程创建一个简单的流程图,并熟悉流程图编辑器的功能。
以下是简要回顾:
放大和缩小:使用鼠标滚轮或右上角的工具栏。
在图表中移动:按住鼠标中键或右键并拖动画布。
添加形状:从工具栏拖动形状或在绘图画布上双击以添加形状。
连接形状:将鼠标悬停在现有形状上时,从方向箭头或连接点拖动连接器。
设置形状样式:使用右侧的“格式”面板更改所选形状、连接线和文本的样式。此面板中可用的工具会根据您的选择而变化。

访问工具、形状库和模板
将鼠标悬停在图表编辑器中的任何工具上,即可查看工具提示。
点击左侧工具栏中的“形状”工具,即可访问更多形状、搜索形状并启用更多形状库。
点击模板工具打开模板库,插入图表模板。

您可以拖动任意浮动面板到页面内的其他位置,以保持绘图画布的整洁。要展开或折叠浮动面板,请单击标题中的箭头。要关闭浮动面板,请单击右上角的“×”图标。
提示:如果您更喜欢使用网格,请单击图表中的空白区域,以便在格式面板中看到“图表”选项卡,然后启用“网格”复选框。
导入图表
当要导入现有图表文件时,需要插入一个新的空白图表。
点击左上角的菜单图标,然后选择“从……导入”,并选择您存储图表文件的位置。
或者,直接将图表文件拖入绘图画布,然后在绘图画布轮廓变为红色时将其放下。

导出图表
您可以下载存储在 Notion 页面中的图表文件。
在菜单中,点击“导出为”。

选择您希望将图表导出为的格式。
部分格式允许您选择其他选项,例如嵌入图表数据。选择设置后,单击“导出”。
如果您选择导出到文件,请点击“下载”将文件保存到您的设备。
或者,您可以像下载其他图片一样,从 Notion 页面下载该图片。它将以 drawio.svg 文件(包含嵌入式图表数据)的形式下载。
删除图表
Backspace就像删除其他内容一样,您可以从 Notion 页面中删除图表Delete。或者,单击移动手柄并选择“删除”。

