本文原本取名為: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:
<mxGraphModel dx="715" dy="643" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff"> <root> <mxCell id="0"/> <mxCell id="1" parent="0"/> <mxCell id="2" value="" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1"> <mxGeometry x="210" y="200" width="120" height="80" as="geometry"/></mxCell> </root></mxGraphModel>
XML compressed:
<mxfile userAgent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36" version="8.7.7" editor="www.draw.io" type="device"> <diagram id="9adcf375-e076-04b6-5a1c-1aa6950bf87e" name="Page-1">jZJNc4QgDIZ/DXeFOrN7rd22l5489EwlC0xRHBar9tcXJfgxOztTDw55kkDyJoSVzfjmeKc+rABDaCZGwl4IpQXLwn8GUwRP5yIC6bSIKN9ApX8BIebJXgu4HQK9tcbr7ghr27ZQ+wPjztnhGHa15vhqxyXcgarm5p5+auFVpKci2/g7aKnSy3mGni9ef0tn+xbfI5Rdly+6G57uwvib4sIOO8QuhJXOWh9PzViCmaVNssW81wfetW4Hrf9PAo0JP9z0kCpe6vJT0iIkBNmD8Two7aHqeD17hjD4wJRvTLDycMSrwHkYH5aTr02G3QHbgHdTCBlXIWMK7g09oz1sU8iTdmo3gRMyjoOX69Vb8+GA/Sdz03nx7XaZXf4A</diagram></mxfile>
SVG:
http://fancyerii.github.io/2019/03/26/mxgraph/<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="121px" height="81px" version="1.1" content="<mxfile userAgent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36" version="8.7.7" editor="www.draw.io" type="device"><diagram id="fe4de1fa-36fc-a25a-93c3-cc3ffab61653" name="Page-1">jZJNc4QgDIZ/DXeROrO91m67l5489EwlC0xRHBar9tc3CvgxOztTDw55kkDyJoSVzfjueKc+rABD8kyMhL2SPC9Yhv8ZTAE8PRcBSKdFQHQDlf6FCGOe7LWA2yHQW2u87o6wtm0LtT8w7pwdjmFXa46vdlzCHahqbu7ppxZeBXoqso1fQEuVXqZZ9Hzx+ls627fxPZKz6/IFd8PTXTH+priwww6xM2Gls9aHUzOWYGZpk2wh7+2Bd63bQev/k5CHhB9uekgVL3X5KWmBCSg7Gi+D0h6qjtezZ8DBI1O+MWhRPMarwHkYH5ZD1yZxd8A24N2EISkh6Rj3hp6iPWxToEk7tZtAiuNx8HK9emseD7H/ZG46L77dLrPzHw==</diagram></mxfile>" style="background-color: rgb(255, 255, 255);"> <defs/> <g transform="translate(0.5,0.5)"> <ellipse cx="60" cy="40" rx="60" ry="40" fill="#ffffff" stroke="#000000" pointer-events="none"/></g></svg>Draw.io軟體資訊
Draw.io是由Javascript寫成的作圖渲染工具,其核心引擎為mxGraph,也是javascript開源,成熟度很高。我們也可以使用mxGraph來做自己的定製作相簿。
最新評論