2014-12-25 12:08:34

計(jì)算機(jī)領(lǐng)域中一直存在兩種不同的理念并彼此競爭, 可視化與可控化, 或稱為所見即所得與所愿即所得. 前者是Windows的典型做法, 而后者是Linux的典型理念. 我卻覺得, 若以中國人”惟精惟一, 允執(zhí)厥中”的觀念, 二者皆不可偏廢, 取其中間, 所見近所得, 所愿亦可得. 也就是, 盡量直觀, 同時(shí)提供方便的控制手段. 既考慮直接可讀性, 也考慮易處理性, 直接可讀性優(yōu)先, 處理后更美觀, 不處理也不很影響可讀性.

以markdown為代表的書寫格式正是走了這種處于Word與LaTex之間的道路. 對于簡單的流程圖, ASCIIArt就是所見近所得的, 而pic之類的更易控制. 有了ASCII格式的圖后, 可以利用ditta這個(gè)Java小工具將其轉(zhuǎn)化為圖片, 這樣更美觀.

雖然網(wǎng)絡(luò)上也有一些在線的ASCII流程圖作圖工具, 像我以前推薦過的ASCIIFlow, 但有時(shí)候作起復(fù)雜的圖來還是很不方便, 這時(shí)候就可以使用那些更易控制的工具了. 基于JavaScript的流程圖工具有不少, 用得較多的是flowchart.js, 詳細(xì)的請參考網(wǎng)絡(luò)上的資料吧.

下面是幾個(gè)具體的示例.# Language: ASc+---------+||+--------------+| ? NFS ? |--+|||||+-->| ? CacheFS ? ?|+---------+|+----------+||/dev/hda5 ? |||||+--------------++---------++-->|||||||--+| ? AFS ? |----->| FS-Cache |||||--++---------++-->|||||||+--------------++---------+|+----------+||||||+-->| ?CacheFiles ?|| ?ISOFS ?|--+|/var/cache ?|||+--------------++---------++--------++-------++-------+||--+ ditaa +-->||| ?Text ?|+-------+|diagram||Document||!magic!||||ze8trgl8bvbq|||||+---+----++-------++-------+:^| ? ? ? Lots of work ? ? ?|+-------------------------+Color codes/---- /----|c33F||cC02|||||----/ ----//---- /----|c1FF||c1AB|||||----/ ----//-------------+-------------|cRED RED ? ? |cBLU BLU ? ? |+-------------+-------------+|cGRE GRE ? ? |cPNK PNK ? ? |+-------------+-------------+|cBLK BLK ? ? |cYEL YEL ? ? |-------------+-------------/

含中文的測試, 雖然網(wǎng)上提到方法使ditta支持中文, 但字體有點(diǎn)丑, 折騰Java也沒有效果.# Language: aSC ? ? ? ? ? ? 開始| ? ? ? ? ? ? ? v/-------| 中文 ?||ze8trgl8bvbq|---> Open ? ? ? ? ? ? -------/| ? ? ? ? ? ? ? v ? ? ? ? ? ? ?完成 ----------->

# Language: ASc ? ? ? ? ? ? ?開始| ? ? ? ? ? ? ? v/-------- ? ? 否| ?條件 ?|------------> 繼續(xù) ? ? ? ? ? --------/|| 是 ? ? ? ? ? ? ? V ? ? ? ? ? ? ?結(jié)束

js的流程圖開始操作Yes?or No?輸入輸出結(jié)束子程序yesnoFig.4開始操作Yes?or No?好主意輸入輸出結(jié)束操作子程序APPROVEDn/an/aREJECTEDFig.5

網(wǎng)絡(luò)資料讓Markdown支持ASCII流程圖和JavaScript流程圖◆

轉(zhuǎn)載本文請聯(lián)系原作者獲取授權(quán)，同時(shí)請注明本文來自李繼存科學(xué)網(wǎng)博客。

鏈接地址：http://blog.sciencenet.cn/blog-548663-853899.html

上一篇：石墨烯在線創(chuàng)建工具

下一篇：硅油滴落與彈簧下落

總結(jié)

以上是生活随笔為你收集整理的markdown 流程图js_科学网—让Markdown支持ASCII流程图和JavaScript流程图 - 李继存的博文...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。