drawio笔记
文章平均质量分 50
drawio笔记
dadalaohua
这个作者很懒,什么都没留下…
展开
-
【drawio笔记】漫画风格
【drawio笔记】漫画风格概述本文简单介绍下在draw.io中如何使用漫画风格。我们有时候会看到其他人使用draw.io画出的图是如下图所示的风格,像是手绘,线条并不是直线,而是像手画的有点弯曲,这个是draw.io中提供一个comic(漫画)风格。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-g7dbfqEM-1627792378820)(E:\桌面学习\博客\学习笔记\drawio\原创\漫画风格\漫画风格.png)]使用方式要修改风格,首先要先选中想要修改原创 2021-08-01 17:11:32 · 1481 阅读 · 0 评论 -
【drawio笔记】素描风格
【drawio笔记】素描风格概述本文简单介绍下在draw.io中如何使用素描风格。我们在看其他人使用draw.io画图,会看到下图中这种素描风格,像是手写,手绘的形状,元素。这是draw.io中提供一个Sketch(素描/草图)风格。如何使用方法很简单,选中想要修改风格的形状,然后单击右侧样式里的Sketch选项。就会看到风格改变了:到这样就已经完成了素描风格的改变。这个时候可以再更改下背景色,让效果更明显。我们选择这个淡蓝色,形状就会变成这样:锦上添花又会有人发现字体原创 2021-07-18 16:22:08 · 4879 阅读 · 9 评论 -
【drawio笔记】新增字体
【drawio笔记】新增字体概述本文简单介绍下在draw.io中如何新增字体。我们在看其他人使用draw.io画图,有各式各样的不同字体,但是当自己在使用draw.io时,会发现可选的字体很少,只有以下几种字体,并且没有中文字体。那么要怎么新增字体呢?点击字体选项中的自定义...[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GQ63aV2c-1626579272953)(E:\桌面学习\博客\学习笔记\drawio\原创\自定义.png)]可以看到有几种新增自原创 2021-07-18 12:05:04 · 26678 阅读 · 27 评论 -
【drawio笔记】比较嵌入和导出格式
比较嵌入和导出格式 Compare embed and export formats虽然 HTML、SVG 和images的嵌入代码相似,但你会发现其中一种比另一种更适合你的情况。HTMLSVGImage需要 JavaScript(Requires JavaScript)YesNoNo使用系统字体(Uses system fonts)YesYesNo支持超链接(Supports hyperlinks)YesYesNo使用外来物(Uses for翻译 2021-06-19 00:02:23 · 1077 阅读 · 0 评论 -
【drawio笔记】将图表导出为更高分辨率的 PNG 图像
将图表导出为更高分辨率的 PNG 图像 Export a diagram as a higher resolution PNG image当你将图表导出为 PNG 图像时,默认情况下它们不会以打印质量生成。你可以使用导出对话框中的缩放功能创建分辨率更高(用于打印)的更大图像。从菜单中选择 File > Export as > PNG。将Zoom(缩放)更改为更高的百分比,例如 200% 或 300%。根据需要设置其他选项,然后单击Export(导出)。当你在文档或 Web翻译 2021-06-18 00:01:44 · 22505 阅读 · 10 评论 -
【drawio笔记】将图表导出为 PNG 图像
将图表导出为 PNG 图像 Export a diagram to a PNG image单击File > Export As > PNG。更改导出设置以满足你的要求。设置Zoom系数(缩放系数)和Border宽度(边框宽度),如果你想要Transparent Background(透明背景),shapes上的Shadow(阴影)或包含绘图画布的Grid(网格),请启用复选框。如果你只想导出当前选定的形状和连接器(shapes and connectors),请启用 Selec翻译 2021-06-17 23:00:09 · 3552 阅读 · 0 评论 -
【drawio笔记】将图表导出为JPEG图像
将图表导出为 JPEG 图像 Export a diagram to a JPEG image单击File > Export As > JPEG。更改导出设置以满足你的要求。设置Zoom系数(缩放系数)和Border宽度(边框宽度),如果你想要Transparent Background(透明背景),shapes上的Shadow(阴影)或包含绘图画布的Grid(网格),请启用复选框。如果你只想导出当前选定的形状和连接器(shapes and connectors),请启用 Selec翻译 2021-06-16 23:42:41 · 1755 阅读 · 1 评论 -
【drawio笔记】同步并合并对图表的外部更改
同步并合并对图表的外部更改 Synchronize and merge external changes to your diagram当你在图表diagram上进行协作时,请同步其他人所做的更改,以将其合并到你当前正在编辑的图表中。手动Synchronize功能可以在Github,GitLab和Dropbox的在线版diagrams.net中使用,也可以在任何网络驱动器上存储的任何文件上使用Desktop版中使用。如果你对存储在Google Drive或OneDrive中的图表上进行协作,除非已禁用自翻译 2021-04-10 18:47:13 · 2552 阅读 · 0 评论 -
【drawio笔记】更改缩放级别
更改缩放级别 Change the zoom level你可以通过几种方式放大和缩小图表。这只会改变你在显示器上看到的内容-当你将图表打印或导出为图像格式时,图表不会放大(或缩小)。使用工具栏放大/缩小 Zoom in/out using the toolbar在绘图画布上方的工具栏中单击 Zoom In (放大)或 Zoom Out (缩小)。单击工具栏中Zoom In/Out(放大/缩小) 放大镜图标左侧的数字,然后从列表中选择不同的缩放系数。使用键盘快捷键放大/缩小 Use keybo翻译 2021-04-03 11:08:28 · 4399 阅读 · 0 评论 -
【drawio笔记】取消选择形状和子形状
取消选择形状和子形状 Deselect shapes and child shapes按住Alt+Shift。在你不想包含在选择中的形状周围拖动取消选择(deselection)框。使用取消选择框从你的选择中删除复合形状的子形状。例如,选择一个数据库实体(在实体关系图中)。按住Alt+Shift并在实体内部的行周围拖动一个取消选择框,以将其从你的选择中删除。本文章翻译自https://www.diagrams.net/doc/faq/shapes-deselect...翻译 2021-03-31 22:07:47 · 978 阅读 · 0 评论 -
【drawio笔记】只在水平或垂直方向上移动形状
只在水平或垂直方向上移动形状 Move a shape only horizontally or vertically当你点击并拖动形状时,按住Shift键可以直接水平或垂直移动它。当你需要在一条线上移动形状时,比如在 Gitflow图中,这一点特别有用。本文章翻译自https://www.diagrams.net/doc/faq/shape-move-horizontal-vertical...翻译 2021-03-27 17:50:45 · 3071 阅读 · 0 评论 -
【drawio笔记】捕捉到点形状属性
捕捉到点形状属性 Snap to point shape property通常,当你在形状周围拖动浮动连接器(floating connector)时,它会均匀移动,并连接到最近或最佳位置。如果你想要将连接器仅限制为连接点,你可以使用将它们捕捉到形状的的锚点。启用捕捉到点 Enable snap to point选择连接器(connector)或形状(shape)。在右侧格式面板的Style选项卡中,展开Properties部分。启用Snap to Point的复选框。或者,手动编辑形翻译 2021-03-23 23:06:33 · 1611 阅读 · 0 评论 -
【drawio笔记】复制并粘贴形状和连接器的样式
复制并粘贴形状和连接器的样式 Copy and paste the styles of shapes and connectors你可以对一个形状设置样式,然后通过格式面板(format panel)将该样式应用于多个选定的形状,而不必分别对每个形状设置样式。更新图表中一个形状或连接器的样式。请注意,形状和连接器的样式必须分别复制和粘贴。选择该形状或连接器,在格式面板的 Style 选项卡中,单击Copy Style。选择你要应用此样式的其他形状或连接器。在 Style 选项卡中,单击 Paste翻译 2021-03-17 23:20:29 · 2316 阅读 · 2 评论 -
【drawio笔记】改变UML生命线上参与者的形状
改变UML生命线上参与者的形状 Change the shape of a participant on a UML lifeline在绘图画布(drawing canvas)上选择生命线(lifeline)。按住Shift键,然后单击你要使用的形状(shape)。生命线顶部的参与者(participant)将替换为你选择的参与者。或者,从侧边栏中拖动要使用的形状,将鼠标悬停在生命线上,直到出现替换图标,然后放下该形状。本文章翻译自https://www.diagrams.net/doc/f翻译 2021-03-16 00:17:07 · 875 阅读 · 0 评论 -
【drawio笔记】在图表中插入SVG图像
在图表中插入SVG图像使用以下方法之一将可缩放的SVG图像插入到图表(diagram)中。将SVG图像文件从你的计算机中拖放到绘图画布(drawing canvas)上。将SVG图像的URL从你的浏览器拖到绘图画布上。选择 Arrange > Insert > Image,然后将图表文件或URL拖到对话框中,然后单击Apply。选择 Actual Size 以确保你的SVG图像被插入。将SVG图像作为形状添加到绘图画布后,即可调整其大小。注意: 你不能导入图表的SVG翻译 2021-03-14 13:13:42 · 6466 阅读 · 0 评论 -
【drawio笔记】禁用组大小调整
禁用组大小调整 Disable group resize当你调整一组形状(shapes)的大小时,所有形状都按比例调整大小,保持它们彼此之间的位置。如果你希望能够单独调整形状的大小,请禁用调整子项大小(Resize Children)形状属性。在形状属性中禁用调整子项大小(Resize Children)选择一组形状。在格式面板的Style选项卡中,展开Properties部分。取消选中Resize Children旁边的复选框以将其禁用(默认情况下是处于启用状态)。现在,当你调整形状的翻译 2021-03-11 22:50:46 · 1735 阅读 · 0 评论 -
【drawio笔记】替换现有形状
替换现有形状替换单个形状从左侧的形状库中拖动一个不同的形状。将鼠标悬停在你要在图表中替换的现有形状上,直到替换图标出现,然后放下形状。替换多个形状选择所有你要替换的形状。从左侧的形状库中拖动一个不同的形状。将鼠标悬停在所选形状之一上,直到出现替换图标,然后放下形状。本文章翻译自https://www.diagrams.net/doc/faq/replace-shapes...翻译 2021-03-07 00:20:42 · 3498 阅读 · 0 评论 -
【drawio笔记】将形状和连接器从一个图层移动到另一个图层
将形状和连接器从一个图层移动到另一个图层使用图层(layers)为你的图表(diagrams)添加结构,并使其具有交互性。选择View>Layers,或按Ctrl+Shift+L/Cmd+Shift+L显示或隐藏Layers对话框。提示: 默认情况下,新图表上的所有形状都会添加到Background层。你可以通过图层对话框将形状(shapes)和连接器(connectors)从一个图层移动到另一个图层。将形状和连接器从一个图层移动到另一个图层将形状和连接件从一层移动到另一层选择你想翻译 2021-03-06 00:28:03 · 1870 阅读 · 0 评论 -
【drawio笔记】在图表中添加和删除图层
在图表中添加和删除图层使用图层(layers)为你的图表(diagrams)添加结构,并使其具有交互性。选择View>Layers,或按Ctrl+Shift+L/Cmd+Shift+L显示或隐藏Layers对话框。提示: 默认情况下,一个新的图表只具有单个Background层,所有形状(shapes),连接器(connectors)和文本都添加到该Background层。添加并重命名新图层单击Layers对话框底部的Add Layer(+)。双击刚添加的图层(称为Untitl翻译 2021-03-05 00:10:11 · 2781 阅读 · 2 评论 -
【drawio笔记】创建自定义形状
使用文本编辑器在diagrams.net中创建自定义形状你可以在diagrams.net中创建自己的自定义模板(形状),通过XML格式描述模板中组件的几何形状、连接点和样式。提示:你可以将自定义模板从绘图画布拖动到Scratchpad中,或者如果你想保存或共享你的自定义形状,也可以拖动到自定义库中。单击File > New Library来创建一个新的自定义库。总体结构diagrams.net的基本模板使用XML。点击Arrange > Insert > Shape打开Edit S翻译 2021-02-24 00:04:20 · 11963 阅读 · 0 评论 -
【drawio笔记】在图表中根据元数据和标签查找形状
在图表中根据元数据和标签查找形状你可以通过搜索形状(shapes)和连接器(connectors)的元数据metadata(形状属性shape properties)或标签labels来查找它们。单击Edit > Find。在文本字段(text field)中输入要查找的形状属性(shape property),然后单击Find或按Enter突出显示图表(diagram)中具有该属性的形状。再次单击Find将跳转到下一个形状(shape),该形状的元数据(metadata)或标签(label翻译 2021-02-23 00:12:19 · 897 阅读 · 0 评论 -
【drawio笔记】连接到形状上的任何地方
连接到形状上的任何地方通常情况下,图表编辑器会自动切换连接行为:在绘制连接器(connector)时,将鼠标悬停在连接点(用绿色圆圈突出显示的十字)的上方或其附近,它将捕捉到该点。将鼠标悬停在形状(shape)的内部,它将连接到形状轮廓(形状轮廓将以蓝色突出显示)。将鼠标悬停在轮廓上或轮廓与其周边之间(形状轮廓将以绿色突出显示)。将连接器(connector)连接到形状(shape)上的任何位置你可以使用键盘快捷键在任何位置强制执行浮动或固定连接,即使形状具有自定义连接点或启用了捕捉到点形状翻译 2021-02-22 00:23:00 · 7327 阅读 · 10 评论 -
【drawio笔记】启用或禁用容器形状上的折叠展开功能
启用或禁用容器形状(container shapes)上的折叠/展开功能(collapse/expand feature)你可以折叠collapse和展开expand(或折叠fold)容器形状(container shapes),这些形状在Advanced形状库中可用。此行为默认情况下处于启用状态,但可以通过diagrams.net菜单禁用。在菜单中选择Extras > Collapse/Expand。该菜单项旁边的复选标记表示它是启用(选中)还是禁用(空白)。最小主题(Minimal t翻译 2021-02-21 17:19:14 · 4171 阅读 · 8 评论 -
【drawio笔记】向ERD表,列表和UML类添加行
向ERD表,列表和UML类添加行diagrams.net中有两种形状(shapes)可以在其中添加新行。ERD表格(ERD tables)使用格式面板(format panel)的Arrange选项卡中的新扩展表格工具。更简单的文本列表(text lists)和UML类形状(UML class shapes)使用行形状添加新行。向表格(table)或ERD表格形状(ERD table shape)添加一行选择表格,然后再次单击以选择一个单元格。在格式面板(format panel)的Arr翻译 2021-02-20 00:21:13 · 8103 阅读 · 0 评论 -
【drawio笔记】为Confluence Cloud使用自定义字体
在draw.io中为Confluence Cloud使用自定义字体在Confluence Cloud管理部分中编辑draw.io配置,以指定默认情况下你要在字体列表中看到的字体。你还可以设置自己的自定义字体,前提是它们可以在网络上公开使用。就像自定义颜色,形状库和模板一样,自定义字体是使用包含选项及其值的JSON(JavaScript对象表示法)字符串配置的。更改默认字体单击右侧的格式面板(format panel)的Text选项卡上的字体下拉列表时,查看默认字体。你可以通过指定字体系列名称的数组来翻译 2021-02-19 00:04:10 · 2429 阅读 · 0 评论 -
【drawio笔记】添加文本标签
向形状(shapes)和连接器(connectors)添加文本标签(text labels)形状(shapes)上的标签(labels)可以使人更容易快速理解图表(diagram)。对于某些图,例如实体关系图或UML图,这些标签是必不可少的。双击形状。开始键入你自己的文本替换标签。或者,单击形状(shape)并开始添加或编辑标签。按Enter以保存标签文本。提示:按下Shift+Enter可以在标签中添加换行符。编辑容器形状标签(container shape labels)表格(Tabl翻译 2021-02-16 21:55:21 · 12151 阅读 · 9 评论 -
【drawio笔记】文本格式设置上标和下标
介绍如何把文字,数字设置成上标或者是下标。文本格式设置上标和下标双击形状(shape)或连接器(connector)以编辑其标签。选择标签中要转换为上标或下标的文本。在右侧格式面板(format panel)的Text选项卡中,单击Superscript(上标)或Subscript(下标)按钮。注意:选择形状时,请确保已启用Formatted Text复选框,以便可以在Text选项卡中看到上标和下标按钮。本文章翻译自https://www.diagrams.net/doc/faq/sup翻译 2021-02-10 00:04:23 · 5375 阅读 · 8 评论 -
【drawio笔记】添加换行符
在标签中添加换行符你可以将换行符添加到形状(shape)和连接器标签(connector labels)。在键入标签文本(label text)时按Shift+Enter添加换行符。在diagrams.net中打开此示例只有在使用HTML标签并在形状(shape)上启用了自动换行(word wrapping)时,才可以使用换行符。两者都默认启用。重新启用HTML标签和自动换行如果发现形状或连接器不允许添加换行符,请编辑形状样式以重新启用这两个选项。选择形状,然后在格式面板(format p翻译 2021-02-08 22:36:13 · 2643 阅读 · 3 评论 -
【drawio笔记】放置标签
在形状(shapes)的内部和外部放置标签你可以使用格式面板(format panel)中的Position工具轻松地重新定位形状(shapes)和连接器(connectors)的文本标签(text labels)。文本可以放置在形状(shapes)的外部,顶部,右侧,底部和左侧,以及这些位置内的不同对齐方式。选择要更改标签位置的形状(shapes)或连接器(connectors)。在右侧格式面板(format panel)的Text选项卡中,从下拉列表中选择一个新的Position。通过从P翻译 2021-02-09 00:12:41 · 879 阅读 · 0 评论 -
【drawio笔记】更改文字书写的方向
介绍在drawio中如何更改文字书写的方向,还有垂直与水平的切换。更改书写方向在绘图画布上选择形状。在右侧格式面板的 Text 选项卡中,单击 Writing Direction 下拉列表,然后选择另一个方向。要在垂直和水平之间切换,请单击 Vertical切换按钮。本文章翻译自https://www.diagrams.net/doc/faq/writing-direction-change...翻译 2021-02-07 23:25:15 · 26428 阅读 · 0 评论 -
【drawio笔记】图形匹配文字大小
自动调整形状大小以完全匹配其文本标签自动调整大小可以让你将形状的大小与其文本标签的高度和宽度完全匹配。选择要调整大小的形状。如果要调整所有形状的大小,请选择Edit > Select Vertices或者在Windows上可以按快捷键Ctrl+Shift+I和macOS上按快捷键Cmd+Shift+I。转到格式面板(format panel)中的Arrange 选项卡,然后单击Autosize按钮。提示: 可以使用Autosize的键盘快捷键,在Windows上是Ctrl+Shift+Y,翻译 2021-02-07 23:08:56 · 7242 阅读 · 2 评论 -
【drawio笔记】在drawio中添加数学公式
在图表中使用数学排版在文本形状中使用LaTeX或AsciiMath输入你的数学公式。AsciiMath,将公式放在两个 `之间 ,例如:`a^2+b^2 = c^2`LaTeX,将公式放在两个$$之间,例如:$$\sqrt{3×-1}+(1+x)^2$$Inline LaTeX,将公式放在\( 和\)之间, for example:\(\sqrt{3×-1}+(1+x)^2\)你可以在同一文本中混合使用inline LaTeX和AsciiMath,例如:LaTeX \(\翻译 2021-02-06 17:01:39 · 25272 阅读 · 18 评论