科研人就来分享下draw.io 的使用感受和方法吧！

正在画国自然技术路线图的朋友们有福了，推荐一个非常非常好用、免费的在线技术路线图工具——draw.io

可以画流程图、组织结构图、泳道图、鱼骨图、树状图、E-R图、思维导图、甘特图、拓扑图、时序图、原型图、UML、平面设计图、电路图等。 它满足我们需要的矢量图格式导出！可以导出PDF、SVG！

要是身边有需要画技术路线图的小伙伴，特别建议把draw.io推荐给他，真的是能帮大忙！

另外如果是画机制图或其它科研插图，这些工具可以分分种帮你下载到想要的素材，有了思路就能快速画完一张图！

科研绘图王炸：11款矢量素材免费网站/软件合集！

这篇文章就给大家介绍一下如何丝滑使用draw.io！

在线画图：https://www.drawio.com/

官方博客：https://www.drawio.com/blog

draw.io的优势非常明显

1）在线绘图，不需要登录或注册，没有收费项目；

2）支持导入格式：PNG、JPEG、SVG等；

3）支持导出格式：PNG、JPEG、SVG、PDF、WebP、VSDX (beta)、HTML、XML、URL等；

4）支持调整导出图片的分辨率，数值越大，图片越清晰。如果是选择 PDF 或 SVG 文件，由于这两种本质上都是矢量文件，可无限放大不失真，也就没有调整分辨率的需要啦，具体选择哪种导出格式，按自己的需要来就好了；

5）支持画图类型：流程图、组织结构图、泳道图、鱼骨图、树状图、E-R图、思维导图、甘特图、拓扑图、时序图、原型图、UML、平面设计图、电路图等。

draw.io 高赞样图展示

1）国自然技术路线图

2）依赖关系图

3）石川图（鱼骨图）

4）时间表和路线图

5）行业/团队的流程图

6）潮汐地信息手绘图

7）交互图

8）数据流图

9）工艺流程图

10）项目跟进图

11）业务能力图

12）风险管理决策树

draw.io使用演示

1）丰富的线框/图标素材

左侧素材底部按钮【更多图形】，可以勾选需要用到的素材，包括通用类、箭头类、流程图类、模型图、机箱、电路、材料设计、工艺流程等50种类型的线框/图标素材。

2）多行业模板直接套用

插入模板：顶部菜单栏→调整图形→插入→模板。

十多种类型的模板可以直接套用，支持修改编辑（删减、更换字体、线条、颜色等）

3）一键克隆素材和自动连接/对齐

draw.io的画图模式非常简单，鼠标一点就能克隆。

将鼠标悬停在绘图画布上的现有形状上，将出现四个蓝色方向箭头。单击其中一个箭头以显示弹出窗口的第一个条目将克隆形状及其标签，并自动在它们之间绘制连接线，不需要你再去手动对齐！

4）快速改变线条位置/链接线条

当你的流程图内的链接箭头或线条需要移动的时候，使用航点形状连接器，可以快速改变线条/箭头的位置，以及连接线条。（也就是连接线上的小圆点，有小圆点的地方连接线就能随意的移动）。

5）变换漫画、草图风格

在信息图表、教材、地图和报告中，可以使用更轻松和非正式的形状、填充和线条风格。

选中需要更换风格的元素，在右侧工具栏中勾选草图模式，就能切换成草图/漫画风格。

粗略样式添加了手绘底纹选项、粗略轮廓和连接线以及手写文本标签，这样我们的图表看上去就不那么无聊了，让你的流程图在汇报中脱颖而出。

6）一键更改样式颜色

全选流程图，在右侧工具栏一键更换线框颜色。

不需要一个个线框去更换颜色，非常节省时间，提供的基础配色符合目前的主流审美。

7）流程图、树形图和思维导图的自动布局

在左侧工具栏，高级模块内，可以选择流程图、树形图、组织结构图和思维导图模式等的自动组织模式，这样就不需要去一个个的添加线框了，鼠标一点就能自动添加。

这个模式下的自动布局可确保关系图中的所有形状以水平或垂直格式均匀分布，并自动增大或减小容器形状的大小以匹配内容。

8）bioicons生物和化学剪贴画库直接用于draw.io

在draw.io内也可以直接画出这样炫酷的示意图。

除了draw.io素材库原有的生物素材外，还可以把bioicons上的生物和化学剪贴画库直接用于draw.io。

不止是国自然技术路线图，国自然的机制图也可以用draw.io完成。

点开以下链接，选中需要的bioicons素材类型，再点击Launch draw.io。等draw.io加载完之后，左侧素材栏就能如上图所示，直接调用bioicon的素材了。

素材加载链接：https://bioicons.com/extensions/

Bioicons我在之前和生物医学绘图矢量素材的文章中也推荐过

赛尔普生物：科研绘图王炸：最全矢量素材免费网站/软件合集！6 赞同 · 0 评论文章

9）支持数学公式排版

很多画图工具并不支持数学公式的排版。 draw.io 可以启用数学排版模式（顶部菜单栏→其它→勾选数学排版）。

在文本形状或标签中输入方程式时，启用数学排版将使用 MathJax 来呈现方程式。MathJax 整齐地呈现方程式，而且支持在所有浏览器中工作。

详细介绍见博客：https://www.drawio.com/blog/maths-in-diagrams

10）其他快捷操作

字体更改、文本与图像的对齐方式、线框对其方式、间距调整、圆角与直角切换、样式的粘贴复制等调整，都在右侧的工具栏内。

其它更加详细的教程详见draw.io官方博客：https://www.drawio.com/blog

扫码关注福麦斯公众号，回复红色关键词，下载其他资源

1）科研人必备23个软件安装包（文献管理+科研绘图+写作翻译+统计分析+办公常用）：回复关键词【软件916】；2）《实验protocol大全》 ：回复关键词【实验098】；3）生物实验必看之《实验室保命指南》 ：回复关键词【实验903】；4）2021年-2023年国自然生命科学部和医学科学部的立项清单+超过1000份往年经典中标标书：回复关键词【基金必中】；5）ScienceSlides插件安装包：回复关键词【绘图830】；6）80本科研电子书（高清版PDF）：回复关键词【资料1011】；7）中文核心（北大核心）期刊、科技核心期刊、CSCD期刊最新期刊目录：回复关键词【投稿116】；8）Image J+Fiji+image pro plus安装包：回复关键词【软件119】 ；9）Acrobat Pro DC：回复关键词【软件915】；10）Stylewriter：回复关键词【翻译121】 ；11）Pathway Builder Tool：回复关键词【绘图1124】；12）引物设计四剑客 自动搜索&分析评价全搞定！Primer Premier  5/Primer Premier  6/Oligo 6 /Oligo 7 ：回复关键词【资源1117】 ；13）WhiteSmoke安装包：回复关键词【软件016】。