用JS写了个生成UML序列图的工具-NutUml

[nid]

这几天用JS写了个生成UML序列图的工具，用canvas生成后的图片效果如下：


上面的图片用以下代码描述：

Client -> Server : Request
Server -> Client : Response

完整的使用代码：

<script src="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


求关注，求各位给给意见。

[医手]

试用了 mark

[horizon_zpy]

不错，mark

[hookee]