Graphviz - 像markdown一样用语法画导图

大家的板块 小恐龙的爱
47 
    <svg width="206pt" height="44pt"
     viewBox="0.00 0.00 206.00 44.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 40)">
    <title>%0</title>
    <polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-40 202,-40 202,4 -4,4"/>
    <!-- a -->
    <g id="node1" class="node">
    <title>a</title>
    <ellipse fill="none" stroke="#000000" cx="27" cy="-18" rx="27" ry="18"/>
    <text text-anchor="middle" x="27" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">a</text>
    </g>
    <!-- b -->
    <g id="node2" class="node">
    <title>b</title>
    <ellipse fill="none" stroke="#000000" cx="99" cy="-18" rx="27" ry="18"/>
    <text text-anchor="middle" x="99" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">b</text>
    </g>
    <!-- c -->
    <g id="node3" class="node">
    <title>c</title>
    <ellipse fill="none" stroke="#000000" cx="171" cy="-18" rx="27" ry="18"/>
    <text text-anchor="middle" x="171" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">c</text>
    </g>
    </g>
    </svg>

以上就是一个svg矢量图片的代码. 复制并存为html或者svg. 用浏览器打开可以查看.

1 个赞
48

效果如下：

%E5%9B%BE%E7%89%87

1 个赞
49

哦看来这种都是SVG，以前以为SVG只是矢量图

50

维基百科上面很多思维导图、函数图、分子结构式都是 SVG，但是要转换成 PNG 格式再显示出来。

51

为什么要转换？

52

为了追求兼容性，有些客户端不支持 SVG，但是能打开 PNG，所以维基百科上面提交一个 SVG 出来都是 PNG。

53

LibreOffice 可以通过一个插件调用 Graphviz，直接在文档里面作图：

https://extensions.libreoffice.org/extensions/libo_plantuml

54

我的問題是，以上的軟件能在我的android手機上使用嗎？

如果不能，那麼我推薦一個android手機上的svg製作軟件simplector，直接用svg畫心路圖也是一個不錯的選擇。

55

别人聊软件的时候，你会推荐一个格式。

别人聊语法的时候，你会推荐一个软件。

你怎么那么会聊天儿呢？

56

小衆軟件的群衆就是這樣聊天的，比如你在某個貼子，後面跟人聊到js對於浮點數的加法能不能算對。

因為缺乏手機上的支持，所以我推薦了一個手機上能畫思維導圖的軟件。我的意思是直接用svg畫一個思維導圖，說不定反而會更簡便。

不過我也想聽一下你的意見，到底在android手機上有沒有能畫思維導圖的軟件。

57

導軟
導軟750×520 27.9 KB

58

https://tinyurl.com/y4gqzhzn

59

感謝你的解答。

6

我回头整理一下语法.

我觉得不用整理了，已经有人整理的差不多了。

8

你是管理员啊大哥，你就能移动。。。

另外，@xiaokonglong 我来给你一个专属分类吧，就像这样的：https://meta.appinn.com/c/app/yfzhe-product-hunt

想个名字给我，如果我取的话，就叫：小恐龙的分享 了。

12

所以有名字了么

9

我觉得直接查看某个人的主题就行吧?

我感觉楼上的意思是, 发现频道没有被首页融合, 不单独点开"发现频道"是发现不了的.

17

这种还是尊重人家作者比较好嘛

11

你说的好有道理的样子:joy: