這幾天用JS寫了個生成UML序列圖的工具，用canvas生成后的圖片效果如下：
上面的圖片用以下代碼描述：
Client -> Server : Request
Server -> Client : Response
完整的使用代碼：
<script src="https://bbs.csdn.net/topics/nutuml.js"></script>
<canvas id="myCanvas" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var umlText = "Client -> Server : Request\n"
+ "Server -> Client : Response";
var uml = new NutUml(c);
uml.drawUml(umlText);
</script>
上面依賴的nutuml.js可以到github下載。
https://github.com/junfengliang/nutuml
求關注，求各位給給意見。
uj5u.com熱心網友回復：
試用了 markuj5u.com熱心網友回復：
不錯，markuj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/20250.html
標籤：HTML5