界面上的有限状态机(七）

前面介绍了界面有限状态机https://github.com/jakesgordon/javascript-state-machine的基本使用方法，这个状态机的另一个有用的功能是流程的可视化显示，通过使用state-machine-visualize插件可以根据状态机的定义生成.dot语言描述的图形格式，然后可以将.dot描述的流程转换为流程图。插件的使用非常简单，如果在浏览器使用，只有引用插件就可以直接调用生成.dot语言的方法，示例代码如下：

 


  
   
  
 
 
 

  

    

        解除
        降级
        警告
        严重!
        生成Dot
      

    

    

        
        
  


  
  
  

 

下面是运行的结果：

图片.png

可以使用其它插件将生成的.dot转换为流程图。