第13周小组作业蔡蓓王思寒丁汝雅龚亚珂 · Pull Request !60 · tingwen/数据分析

/

Detail

Merged

tingwen:master tingwen:revert-merge-16-master

create on 2023-11-29 20:55

Drawio是一款强大的、免费的绘图工具，对于我们撰写论文、调查报告、任务书等都非常有帮助。比如下面这幅研究框架图，看似复杂，但通过Drawio可以轻松实现。
    ![image.png](attachment:image.png)
这里提供该项目开源在github上的源码：https://github.com/jgraph/drawio-desktop，可以根据自己的系统以及硬件平台选择合适的安装文件。
    ![image-2.png](attachment:image-2.png)
    甚至不需要安装，网页端也可以直接使用：https://www.draw.io。
正式绘图
    打开drawio后，点击创建新绘图
        ![image-3.png](attachment:image-3.png)
    接着会提示你选择一个模板，可以直接创建一个空白框图：![image-4.png](attachment:image-4.png)
    关于添加元素
        1.选择需要的元素拖入画布 (左侧有官方提供的各种类型元素，点击左下角更多图形可以找到更多类别)
        2.选中元素后可使用鼠标点击元素边缘上的点对元素进行放大/缩小等操作（元素右上角的旋转标志可以选择元素）
        3.双击元素可以输入文字
        4.选中元素后可在右侧的样式中修改元素的样式（颜色等）
        5.在右侧的文本中可以修改文字的字体、大小以及颜色等等
        6.在右侧的调整图形中可以对元素的位置、大小以及角度等进行更加精细的调整
        ![image-5.png](attachment:image-5.png)
    元素对齐
        当要对齐多个元素时，选择多个元素（可通过ctrl+鼠标左键选择多个目标），然后点击调整图形-对齐，然后选择想要的对齐方式。
        ![image-6.png](attachment:image-6.png)
    元素等距分布
        当要等距摆放多个元素时，选择多个元素（可通过ctrl+鼠标左键选择多个目标），然后点击调整图形-等距分布 然后选择你想要的分布方式。
        ![image-7.png](attachment:image-7.png)
    连接元素
        当把鼠标放置元素上（注意没有点击，只是放置）会出现如下图所示的标识，四个箭头（用红圈标出的部分），16个小叉叉（用绿色的圈圈标出）。如果点击了元素只会显示四个箭头。![image-8.png](attachment:image-8.png)
        连接的操作有很多种，这里只简单讲一种，在刚刚说的当把鼠标放置元素上后在元素周围出现各种标识，可以自己随便选择一个作为连接线的起始位置，鼠标左键按下（不要松）拖动鼠标移至想连接的位置。![image-9.png](attachment:image-9.png)
        连接后在右侧的样式中可以修改连接线的样式、连接方式、颜色、粗细、线形等等。![image-10.png](attachment:image-10.png)
    添加文字
        在通用里拖一个Text元素放到想放的位置Drawio是一款强大的、免费的绘图工具，对于我们撰写论文、调查报告、任务书等都非常有帮助。比如下面这幅研究框架图，看似复杂，但通过Drawio可以轻松实现。
    ![image.png](attachment:image.png)
这里提供该项目开源在github上的源码：https://github.com/jgraph/drawio-desktop，可以根据自己的系统以及硬件平台选择合适的安装文件。
    ![image-2.png](attachment:image-2.png)
    甚至不需要安装，网页端也可以直接使用：https://www.draw.io。
正式绘图
    打开drawio后，点击创建新绘图
        ![image-3.png](attachment:image-3.png)
    接着会提示你选择一个模板，可以直接创建一个空白框图：![image-4.png](attachment:image-4.png)
    关于添加元素
        1.选择需要的元素拖入画布 (左侧有官方提供的各种类型元素，点击左下角更多图形可以找到更多类别)
        2.选中元素后可使用鼠标点击元素边缘上的点对元素进行放大/缩小等操作（元素右上角的旋转标志可以选择元素）
        3.双击元素可以输入文字
        4.选中元素后可在右侧的样式中修改元素的样式（颜色等）
        5.在右侧的文本中可以修改文字的字体、大小以及颜色等等
        6.在右侧的调整图形中可以对元素的位置、大小以及角度等进行更加精细的调整
        ![image-5.png](attachment:image-5.png)
    元素对齐
        当要对齐多个元素时，选择多个元素（可通过ctrl+鼠标左键选择多个目标），然后点击调整图形-对齐，然后选择想要的对齐方式。
        ![image-6.png](attachment:image-6.png)
    元素等距分布
        当要等距摆放多个元素时，选择多个元素（可通过ctrl+鼠标左键选择多个目标），然后点击调整图形-等距分布 然后选择你想要的分布方式。
        ![image-7.png](attachment:image-7.png)
    连接元素
        当把鼠标放置元素上（注意没有点击，只是放置）会出现如下图所示的标识，四个箭头（用红圈标出的部分），16个小叉叉（用绿色的圈圈标出）。如果点击了元素只会显示四个箭头。![image-8.png](attachment:image-8.png)
        连接的操作有很多种，这里只简单讲一种，在刚刚说的当把鼠标放置元素上后在元素周围出现各种标识，可以自己随便选择一个作为连接线的起始位置，鼠标左键按下（不要松）拖动鼠标移至想连接的位置。![image-9.png](attachment:image-9.png)
        连接后在右侧的样式中可以修改连接线的样式、连接方式、颜色、粗细、线形等等。![image-10.png](attachment:image-10.png)
    添加文字
        在通用里拖一个Text元素放到想放的位
        双击Text元素编辑文字
        在右侧的文本中对文字的颜色、字体、大小等进行编辑![image-11.png](attachment:image-11.png)
    添加表格
        点击上方的表格图标，然后拖动鼠标可以选择自己需要的表格大小（行数和列数）。![image-12.png](attachment:image-12.png)
        选中表格，在右侧的调整图形中可以调整表格的大小、位置等属性。![image-13.png](attachment:image-13.png)
    自由绘图
        有时一些特殊的图案软件中并没有提供，这时可以使用自由绘图功能自己去绘制。点击上方的加号，再点击自由绘图，会弹出一个自由绘图窗口。
        点击开始绘图按钮就可以自己用鼠标随便绘制，绘制完后点击结束绘图按钮，刚刚绘制好的图案就会变成一个元素随意使用。![image-14.png](attachment:image-14.png)
    保存元素模板
        有时一些元素（可能是自己组合设计的新元素）经常被用到，我们可以将其保存成一个模板方便下次使用。如下图所示，将需要保存的元素用鼠标拖至左侧的便筏本中，这样以后都可以使用到。![image-15.png](attachment:image-15.png)
    保存文件
        在左上角点击文件-保存，将绘图文件保存到指定路径。![image-16.png](attachment:image-16.png)
    导出图片
        在左上角点击 文件 -> 导出为 将绘图文件导出成指定格式，一般为了方便使用会导出成PNG或者JPEG格式等。![image-17.png](attachment:image-17.png)
        要将图片保存成PNG格式的图片，软件会提示是否要透明背景、阴影、网格等。另外还有个边框宽度参数，这个参数代表输出图像时是否需要在图片边缘增加一些空白边缘。默认是0，如果需要可以自己设置。![image-18.png](attachment:image-18.png)
        是否设置边缘宽度效果很不一样。![image-19.png](attachment:image-19.png)
        另外，如果觉得保存的图片分辨率很低的话，可以在导出界面将缩放百分比放大点（比如设置成200%），这样就能够保存更加清晰的图片。

Type	Assign personnel	Status
Reviewer		Completed (1/1)
Tester		Completed (1/1)

Expand Collapse

Select the target repository for the Cherry-Pick code

Select the target repository and branch to submit PR

Submit mode

Fast forward

non-Fast forward

Submit list

Commit SHA	Commit Message	Cherry-pick Commit Message *

Cancel

Cherry-pick