当前位置:首页 > draw.io教程

带有可自定义阴影的全新网络图形库

drawio1年前 (2025-04-15)draw.io教程9

draw.io 中新增的Network 2025图形库内置了更多样式选项。启用背景色后,图形将带有醒目的长阴影。您可以单独为这些图形的每个部分着色——包括形状轮廓、形状填充颜色(以及用于内部细节的中性色)、背景色和渐变色。

打开新的Network 2025形状库:在形状面板中单击“更多形状” ,启用新的(第二个) Network形状库,然后单击“应用”

网络变得越来越复杂。即使是简单的家庭网络也连接着许多设备。随着越来越多的家用电器内置Wi-Fi功能,情况只会变得更加复杂。一个简单的网络拓扑图可以帮助您轻松掌握每个设备的连接位置。

当然,您可以绘制更详细的图表,来展示一个包含智能设备、服务器和其他网络设备的家庭控制中心。我们将在以后的文章中提供一个此类复杂智能家居系统的示例。

绘制您的家庭网络

在这个例子中,家庭网络有三个集线器连接到路由器,路由器又连接到带有防火墙的调制解调器,以抵御互联网上的恶意攻击。一个有线集线器连接到家庭办公设备,一个无线集线器连接电视和游戏机,另一个无线集线器连接各种移动设备和一台无线打印机。

Wi-Fi 连接使用虚线连接器,有线连接使用实线连接器。所有连接器都没有箭头,以使图示更简洁,因为网络流量是双向的。

启用形状的背景即可看到长阴影

  1. 在绘图画布的空白区域单击鼠标右键,然后从上下文菜单中选择“选择顶点” 。

  2. 在格式面板的 “样式”选项卡中,单击“背景” 。

用颜色标示网络区域

在网络图中添加颜色后,可以更清晰地看到枢纽区域。新的网络形状还提供了更多背景颜色和长阴影样式选项。

  • 填充:形状内部的颜色。

  • 渐变:渐变背景中的第二种颜色及其方向。

  • 背景颜色:背景颜色(阴影后面的颜色) - 启用此选项可看到形状的长阴影。

  • 中性填充:形状中任何“开放”细节的颜色,例如路由器和调制解调器中的小圆圈。

  • 线条:图形的线条颜色和样式。

关闭长阴影

如果你不喜欢长长的阴影,可以将其禁用,并保留背景颜色和渐变效果。

  1. 选择您想要不显示阴影的形状。

  2. 在格式面板的 “样式”选项卡中,取消选中“长阴影”复选框。

注意:目前只有新的网络形状库中的这些形状才支持长阴影效果

暗模式网络形状

新的Network 2025图形在深色模式下使用自动自适应颜色也非常美观。要切换到深色模式,请从 draw.io 菜单中 选择“设置”>“外观”>“深色”“附加功能”>“外观”>“深色” 。

draw.io 中的网络图

通过 draw.io 模板库中的多个示例,了解更多关于网络和基础设施图的知识。

网络和基础设施架构库种类繁多,包括AWS 和 GCPCitrixVeeamIBM以及更多云基础设施平台

拥有许多专用服务器的复杂网络可以通过机架图进行记录,以便更容易地追踪布线问题。