美文网首页
Draw.io基本使用教程

Draw.io基本使用教程

作者: 两岸猿 | 来源:发表于2020-02-27 14:02 被阅读0次

1、在线访问地址:https://www.draw.io/ ,打开时选择存储方式,也可以选择decide later 在之后绘图结束保存的时候在进行选择

2、修改Command+S的保存下载路径:其实是修改的浏览器的默认下载路径,自行修改

3、导出成别的格式:

4、基本操作:

cmd(windows下为ctrl,下同) + A 选择全部元素

cmd + click(鼠标左键点击)来进行特定元素的多选

移动:拖拽

复制: cmd + C

复制并粘贴: cmd + D

删除:delete键

5、创建链接(图形和图形的固定链接)

图形上面悬浮鼠标会出现图形的链接点。

    1)使用蓝色箭头进行快速链接

        点击蓝色箭头,会在指定方向创建链接,并在链接末端生成一个完全一致的元素

        如果需要控制链接位置,可以按住ctrl键,拖拽蓝色箭头到指定位置

        2)链接图形

           固定链接:在悬浮图形后选择x型焦点(会高亮为绿色)可以创建链接,拖拽链接线到目标图形上的x型焦点

            浮动链接:在悬浮图形后选择x型焦点(会高亮为绿色)可以创建链接,拖拽链接线到目标图形的边上,直到图形外边变成蓝(绿)色,松开鼠标

            固定链接和浮动链接的区别:拖动图形时,固定链接连的是哪个位置就是哪个位置,而浮动链接会根据最短路径自动调整移动焊接位置。

6、图形替换:从左侧图形库选择需要的图形,拖拽到要替换的图形中央,直到出现了一个替换的褐色标志,松开即可实现替换

7、旋转:选中图形,点击旋转箭头就能旋转90度,长按拖动可以旋转自由角度

8、编辑样式:选中元素在右侧的检查器可以修改元素的颜色,大小,布局等等。请读者自行操作。

相关文章

  • Draw.io基本使用教程

    1、在线访问地址:https://www.draw.io/,打开时选择存储方式,也可以选择decide later...

  • Draw io与office集成

    使用Draw.io[http://Draw.io]绘图非常方便,但导入到office中比较费事,最新找到一个插件,...

  • MacOS上VsCode上draw.io插件使用

    在MacOS上,使用VsCode draw.io, 要创建后缀名为xxxx.drawio.png的文件来使用,而不...

  • git基本使用教程

    题外话 以前不了解git的时候,总感觉git是非常高大上的东西,很长一段时间都没有接触上。但后来用了一段时间后,发...

  • Druid基本使用教程

    Druid基本使用教程 数据库连接池负责分配、管理和释放数据库连接,它允许应用程序重复使用一个现有的数据库连接,而...

  • fiddler 基本使用教程

    fiddler 基本使用教程 1 安装 下载安装包 fiddler 安装即可 2 配置 【step-1】Tools...

  • mitsuba基本使用教程

    Mitsuba是一个免费开源项目,基于物理渲染器实现了各种材料和体积散射模型,并且集成了一些最新技术(双向路径跟踪...

  • webpack基本使用教程

    定义: 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当webpack 处理...

  • 【绘图工具】绘图工具draw.io的使用教程

    draw.io 是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ...

  • django教程--model教程之查询高级用法

    django教程--model教程之查询高级用法 上节教程我们了解了Django中model的基本使用,本节我们接...

网友评论

      本文标题:Draw.io基本使用教程

      本文链接:https://www.haomeiwen.com/subject/dbvbchtx.html