当前位置: 首页>>技术教程>>正文


不错的网络图编辑器?

, , ,

问题描述

写一篇商业提案,我想创建一个漂亮的图形,向客户展示我认为的IT网络架构,包括服务器,网络连接,防火墙,load-balancing等。

多年来我一直在使用dia,但我厌倦了因为:结果并不令人满意,网络元素很少,而且每个元素的图形表示都非常难看。

问题:如何创建漂亮的网络图?

如果有更好的元素可用于dia,那将是一个解决方案。

最佳解决方法

Inkscape就是您所需要的。对于其他剪贴画图形(‘elements’),请使用openclipart.org。这些天,OpenClipart实际上内置于Inkscape中。真的没有必要求助于non-free应用程序。

次佳解决方法

在看到Cacoo后,我决定将图表移到云端。这是一个非常直观的工具,有很多图表和图标选择,大多数都有在线协作的选项。唯一的缺点是专有软件:/

这是我的样本

software-recommendation,networking,diagram,ubuntu

第三种解决方法

yED Graph Editor是一个桌面应用程序,可用于快速有效地生成high-quality图表。它还可用于生成网络图。以下是使用此软件创建的示例图。

software-recommendation,networking,diagram,ubuntu

上图的来源:yED image gallery

第四种方法

使用Draw:http://www.vrt.com.au/downloads/vrt-network-equipment尝试这些LibreOffice /OpenOffice图库

CC许可,也可在Fedora repos和libreoffice扩展站点中使用。

更新:v1.1版本添加了新的更暗的变体(如VMware的形状),并添加了一组逻辑网络符号 – 现在接近5个图库主题中的200个符号。

software-recommendation,networking,diagram,ubuntu

第五种方法

通过查看Dia官方FAQ,我发现有一种方法可以扩展Dia及其元素集。

Extending Dia

Q: How do I add new shapes/sheets? A: An explanation is given in doc/custom-shapes in the source distribution on how the shape format works. However, Dia now also has the capability of exporting a diagram as a shape. Each collection of shapes (called a sheet) should be kept together in a subdirectory of ~/.dia/shapes, e.g, ~/.dia/shapes/Engines. To make a shape, first design it in Dia. Then export it into your subdirectory. Two files will be generated, a .shape file and a .png file (the icon).

From version 0.90 and up, Dia features a Sheets and Objects editor which will allow you to load the shape into a sheet. It will also update Dia’s loaded objects on the fly.

If you still want to do things by hand, update the corresponding sheet file in ~/.dia/sheets, in this case called Engines.sheet. Example contents of a sheet file is:

<?xml version="1.0" encoding="iso-8859-1"?> <!-- -*- xml -*- -->

<sheet xmlns="http://www.lysator.liu.se/~alla/dia/dia-sheet-ns">
  <name>Engines</name>
  <description>Mechanical Engines</description>
  <contents>
    <object name="Engines - Gas">
      <description>A gas engine</description>
    </object>
  </contents>
</sheet>

Each new object should be added to the sheet by adding an object section. Next time you restart Dia, the new objects should show up in the list of sheets.

所以我建议你将自己的形状添加到Dia并快乐地生活:)

第六种方法

我仍然认为dia是一个很好的选择,我很想知道为什么你发现网络图看起来不够用。

根据我的经验,有大量传统的网络图形状,例如路由器,交换机等的概念图,因为它们用于文档(例如来自思科)……它看起来都是一样的。请告诉我们您发现Dia中缺少的内容,以便有人可以继续创建我们可能觉得非常有用的形状:)

诚然,如果你来自Microsoft Visio背景,那么连接事物和使用dia的其他方面有很多问题,但对我来说,它似乎仍然很好用。当我研究它时,它仍然是这类工作的最佳图表编辑器。

据我所知,我所描述的所有元素都可以在库存中找到。您将需要查找名称以”Cisco”开头的形状表。

第七种方法

我最近发现了一个叫做gnomeDIAicons的Dia软件包,尽管不是很多图标,但它们确实很好看。

这是我刚刚放在一起的一个例子:

software-recommendation,networking,diagram,ubuntu

要安装,download存档并在终端中:

cd /usr/share/dia/
sudo tar xf ~/Downloads/rib-network-v0.1.tar.gz

如果您使用的是Ubuntu 14.04,16.04,17.10或18.04,则可以使用包dia-rib-network(请参阅here)。你可以安装它:

sudo apt install dia-rib-network

然后打开Dia并选择RIB-Network表。

第八种方法

另一个在真实3D中创建漂亮网络图的工具是MaSSHandra。

它将所有思科符号作为外部下载,并在图表中包含自动发现和访问功能。它是免费的,你可以在从here安装之前看看它是如何工作的。

software-recommendation,networking,diagram,ubuntu

MaSSHandra web site

第九种方法

Cacoo的替代品也可能是Gliffy,虽然我不确定他们的shape/stencil support是什么样的。值得一看。

第十种方法

虽然看似奇怪的选择,但我发现inkscape是一个很好的图表工具,特别是网络图表。它的输出是svg,使其非常便携且具有吸引力。在下面,有xml – 您可以通过编程方式进行操作(例如,解析,搜索,编辑,甚至绑定到其他数据源以获取描述或其他变量属性)。它是开源的。

顺便说一句,这里是Cisco stencils,对于那些可能感兴趣的人。格式包括svg,jpg,bmp,tif,eps,wmf。

参考资料

本文由Ubuntu问答整理, 博文地址: https://ubuntuqa.com/article/1517.html,未经允许,请勿转载。