Draw.io—跨平臺免費作圖神器

首頁>科技>IT充電寶2019-12-18 18:07

Draw.io—跨平臺免費作圖神器

本文原本取名為：Ubuntu生存手冊—跨平臺免費作圖軟體Draw.io。因不考慮跨平臺的話，Windows上的收費軟體Visio也挺好用，

跨平臺作圖軟體可以分為多種類別：

基於瀏覽器Web的。如：Draw.io、LucidChart、國內的processon.com等。跨平臺桌面APP。如：Draw.io。程式碼生成式跨平臺軟體。如：graphviz。桌面App不跨平臺。如Windows上的Visio等。

今天推薦的Draw.io是一個跨平臺的開源免費作圖軟體：https://draw.io

跨平臺

Draw.io跨多個平臺：

多軟體整合

集成了如下平臺，可以將資訊儲存大任意地方。

贏利模式

draw.io免費使用，又開源，有沒坑呢。目前沒有，因其主要是其收入來源為與Atlassian的商業合同。普通使用者使用等於是有助於其擴大受眾。

預設儲存的格式

draw.io預設儲存的XML格式，2016年由 raw XML 格式改成 XML compressed。raw XML格式可以方便地檢視元素間的關係，但其壓縮檔案會增大網路環境下儲存成功率。

raw XML：

&lt;mxGraphModel dx=&#34;715&#34; dy=&#34;643&#34; grid=&#34;1&#34; gridSize=&#34;10&#34; guides=&#34;1&#34; tooltips=&#34;1&#34; connect=&#34;1&#34; arrows=&#34;1&#34; fold=&#34;1&#34; page=&#34;1&#34; pageScale=&#34;1&#34; pageWidth=&#34;850&#34; pageHeight=&#34;1100&#34; background=&#34;#ffffff&#34;&gt;    &lt;root&gt;        &lt;mxCell id=&#34;0&#34;/&gt;        &lt;mxCell id=&#34;1&#34; parent=&#34;0&#34;/&gt;        &lt;mxCell id=&#34;2&#34; value=&#34;&#34; style=&#34;ellipse;whiteSpace=wrap;html=1;&#34; vertex=&#34;1&#34; parent=&#34;1&#34;&gt;            &lt;mxGeometry x=&#34;210&#34; y=&#34;200&#34; width=&#34;120&#34; height=&#34;80&#34; as=&#34;geometry&#34;/&gt;&lt;/mxCell&gt;    &lt;/root&gt;&lt;/mxGraphModel&gt;

XML compressed：

&lt;mxfile userAgent=&#34;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36&#34; version=&#34;8.7.7&#34; editor=&#34;www.draw.io&#34; type=&#34;device&#34;&gt;    &lt;diagram id=&#34;9adcf375-e076-04b6-5a1c-1aa6950bf87e&#34; name=&#34;Page-1&#34;&gt;jZJNc4QgDIZ/DXeFOrN7rd22l5489EwlC0xRHBar9tcXJfgxOztTDw55kkDyJoSVzfjmeKc+rABDaCZGwl4IpQXLwn8GUwRP5yIC6bSIKN9ApX8BIebJXgu4HQK9tcbr7ghr27ZQ+wPjztnhGHa15vhqxyXcgarm5p5+auFVpKci2/g7aKnSy3mGni9ef0tn+xbfI5Rdly+6G57uwvib4sIOO8QuhJXOWh9PzViCmaVNssW81wfetW4Hrf9PAo0JP9z0kCpe6vJT0iIkBNmD8Two7aHqeD17hjD4wJRvTLDycMSrwHkYH5aTr02G3QHbgHdTCBlXIWMK7g09oz1sU8iTdmo3gRMyjoOX69Vb8+GA/Sdz03nx7XaZXf4A&lt;/diagram&gt;&lt;/mxfile&gt;

SVG：

http://fancyerii.github.io/2019/03/26/mxgraph/&lt;?xml version=&#34;1.0&#34; encoding=&#34;UTF-8&#34;?&gt;&lt;!DOCTYPE svg PUBLIC &#34;-//W3C//DTD SVG 1.1//EN&#34; &#34;http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd&#34;&gt;&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34;     xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; width=&#34;121px&#34; height=&#34;81px&#34; version=&#34;1.1&#34; content=&#34;&lt;mxfile userAgent=&#34;Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36&#34; version=&#34;8.7.7&#34; editor=&#34;www.draw.io&#34; type=&#34;device&#34;&gt;&lt;diagram id=&#34;fe4de1fa-36fc-a25a-93c3-cc3ffab61653&#34; name=&#34;Page-1&#34;&gt;jZJNc4QgDIZ/DXeROrO91m67l5489EwlC0xRHBar9tc3CvgxOztTDw55kkDyJoSVzfjueKc+rABD8kyMhL2SPC9Yhv8ZTAE8PRcBSKdFQHQDlf6FCGOe7LWA2yHQW2u87o6wtm0LtT8w7pwdjmFXa46vdlzCHahqbu7ppxZeBXoqso1fQEuVXqZZ9Hzx+ls627fxPZKz6/IFd8PTXTH+priwww6xM2Gls9aHUzOWYGZpk2wh7+2Bd63bQev/k5CHhB9uekgVL3X5KWmBCSg7Gi+D0h6qjtezZ8DBI1O+MWhRPMarwHkYH5ZD1yZxd8A24N2EISkh6Rj3hp6iPWxToEk7tZtAiuNx8HK9emseD7H/ZG46L77dLrPzHw==&lt;/diagram&gt;&lt;/mxfile&gt;&#34; style=&#34;background-color: rgb(255, 255, 255);&#34;&gt;    &lt;defs/&gt;    &lt;g transform=&#34;translate(0.5,0.5)&#34;&gt;        &lt;ellipse cx=&#34;60&#34; cy=&#34;40&#34; rx=&#34;60&#34; ry=&#34;40&#34; fill=&#34;#ffffff&#34; stroke=&#34;#000000&#34; pointer-events=&#34;none&#34;/&gt;&lt;/g&gt;&lt;/svg&gt;

Draw.io軟體資訊

Draw.io是由Javascript寫成的作圖渲染工具，其核心引擎為mxGraph，也是javascript開源，成熟度很高。我們也可以使用mxGraph來做自己的定製作相簿。

688