制作动态流程图和架构图
微软 Visio 工具 Visio 是微软的画图工具,非常强大,但是收费,而且只能在 Windows 系统上使用,不支持 Mac 和 Linux 系统,虽然微软推出了 Visio Online,但是功能还是比较弱,而且收费。 开源 Drawio 工具 Drawio 是一个开源的画图工具,支持在线和桌面两种方式,支持多种格式,支持多种平台,支持多种语言,支持多种图形,支持多种导出格式,支持多种插件,支持多种集成方式,也支持在 Visual Studio Code 中使用插件的方式画图。 矢量图和位图 矢量图是由数学公式描述的图形,可以无限放大,不会失真,位图是由像素点描述的图形,放大会失真。 画图入口 Drawio 官网 在线画图 容器和容器大小缩放 设置图形 Container 属性为 true,可以将多个图形组合成一个图形,然后可以对这个图形进行缩放,设置 Collapsed 属性为 true,可以将图形折叠起来,只显示标题。设置 Resizable 属性为 false,可以禁止容器子图形缩放。 浮动链接和固定链接 浮动链接是指链接的位置随着图形的移动而移动,固定链接是指链接的位置不随着图形的移动而移动,可以添加自定义连接点。 拖动连接线文字 设置连接线文字可以拖动,可以将连接线文字拖动到连接线的任意位置,可以自定难以连接点的位置。 连接线的样式和反转 可以设置连接线的样式,可以设置连接线的反转,可以设置连接线的弯曲程度。 图形和连接线文字位置 设置文字位置,可以将文字放在图形或连接线左上角,设置文字位置为中心,可以将文字放在图形的中心。 连接线添加航点 可以在连接线上添加航点,可以在连接线上添加箭头,可以在连接线上添加标签。 任何目标可设置链接 可以设置任何对象的超级链接,可以设置连接线的超级链接,可以设置图形的超级链接。 替换图形 可以将新图形拖动到现有图形上替换图形,替换后,图形的属性和连接线都会保留。 对齐方式和分布方式 可以设置图形的对齐方式,可以设置图形的分布方式。 带着样式画图 可以带着样式画图,可以将样式应用到图形上,也可以清除默认样式。 嵌入图像和在线图像 理解几何图形,图形库图形,嵌入图像,在线图像的区别。 嵌入 SVG 图像修改样式 使用阿里图标库 iconfont 找图,可以下载 SVG 图像,然后嵌入到 Drawio 中,可以修改 SVG 图像的样式,但需要配置规则,如下代码。 ...