javascript实现序列图效果

简单的文本就可以实现UML序列图效果

使用

1 引入javascript 

Raphaël 拉斐尔库 一个简单脚本库用于生成矢量图形 

underscore 一个工具类库实现了许多好用的工具方法

<script src="raphael-min.js"></script>
<script src="underscore-min.js"></script>
<script src="sequence-diagram-min.js"></script>

2 调用方法

<div id="diagram"></div>
<script>
  var diagram = Diagram.parse("A->B: Message");
  diagram.drawSVG("diagram", {theme: 'hand'});
</script>

or use jQuery to do all the work:

<div class="diagram">A->B: Message</div>
<script>
$(".diagram").sequenceDiagram({theme: 'hand'});
</script>

出处 : http://bramp.github.io/js-sequence-diagrams/

api : http://raphaeljs.com/

　　  http://underscorejs.org/