记录生活

yuml

<Category: 小道消息> 查看评论


yuml,非常不错的在线生成UML图的服务,http://yuml.me/
5109d51

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
        $('document').ready(function(){
                text = $('.diagram').html().substring(1,$('.diagram').html().length-1).replace('\t','').replace('\n','');
                $('.diagram').html(''); //clear DSL
                $('.diagram').append('<img src="http://yuml.me/diagram/scruffy;dir:lr;scale:50/class/' + text + '"/>');  
				//help: 
				//1.simple:http://yuml.me/diagram/class/+yourtext
				//2. adding a dir:lr or dir:td, where td is Top Down and lr is Left Right 
				//example:http://yuml.me/diagram/scruffy;dir:lr/class/+yourtext
				//3.handwrite:add scruffy
				//example:http://yuml.me/diagram/scruffy/class/+yourtext
				//4.scale
				//example:example:http://yuml.me/diagram/scruffy;scale:5050/class/+yourtext
        });
</script>
 <BODY>
  <div class="diagram" style="">
        [Account]++-1>[Company{bg:orange}],
        [Company]++-1>[Settings],
        [Company]+-*>[Completion{bg:red}],
        [Completion]-1>[Candidate],
        [Completion]^[WebBasedCompletion],
        [Completion]^[PaperBasedCompletion],
        [Completion]-1>[Questionnaire],
        [Questionnaire]->[ScoreSet],
</div>
 </BODY>
</HTML>

本文来自: yuml



发表评论