由於專案需要，要求對使用者流程進行圖形化展示：使用者對自己的操作通過檢視流程圖一目瞭然。於是進行了一下前期的Java繪圖探索，通過java.awt.Graphics2D對繪製流程圖的基本元素進行了編碼，並將其展示在了jsp頁面上。

首先編寫一個servlet，然後在web.xml中對其進行配置，最後將圖片展示在jsp頁面。

1. 繪圖方法：

1. protectedvoid doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
2.     response.setContentType("image/jpeg"
   );//宣告檔案格式
3.     //繪製寬=480，長=640的圖板
4.     int width=480,hight=720;  
5.     BufferedImage image = new BufferedImage(width,hight,BufferedImage.TYPE_INT_RGB);  
6.     //獲取圖形上下文,graphics想象成一個畫筆
7.     Graphics2D graphics = (Graphics2D)image.getGraphics();  
8.     //消除線條鋸齒
9.     graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);  
10.     //對指定的矩形區域填充顏色
11.     graphics.setColor(Color.ORANGE);    //GREEN:綠色；  紅色：RED;   灰色：GRAY
12.     graphics.fillRect(0, 0, 240, 720);  
13.     //對指定的矩形區域填充顏色
14.     graphics.setColor(Color.PINK);    
15.     graphics.fillRect(240, 0, 240, 720);  
16.     //生成隨機數
17.     Random random = new Random();  
18.     /* 
19.      * 畫線 x,y是座標，定義線段的兩個座標點 
20.      */
21.     graphics.setColor(Color.BLACK);  
22.     int x=100,y=100,x1=100,y1=y;  
23.     graphics.drawLine(x,y,x+x1,y1);  
24.     /* 
25.      *畫出一個折線 
26.      */
27.     int[] xPoints = {100,100,250,250};  
28.     int[] yPoints = {180,150,150,180};  
29.     graphics.drawPolyline(xPoints, yPoints, 4);  
30.     /* 
31.      * 畫出一個閉合多邊形(三角形) 
32.      */
33.     int[] xPoints1 = {100,100,200};  
34.     int[] yPoints1 = {240,320,280};  
35.     graphics.drawPolygon(xPoints1, yPoints1, 3);  
36.     /* 
37.      * 畫出一個閉合多邊形(菱形) 
38.      */
39.     int[] xPoints2 = {240,300,360,300};  
40.     int[] yPoints2 = {280,240,280,320};  
41.     graphics.drawPolygon(xPoints2, yPoints2, 4);  
42.     graphics.setColor(Color.ORANGE);  
43.     graphics.fillPolygon(xPoints2, yPoints2, 4);  
44.     /* 
45.      *繪製一個橢圓形  
46.      */
47.     graphics.setColor(Color.GREEN);  
48.     int xOval=100,yOval=360;  
49.     graphics.drawOval(xOval, yOval, 100, 100);  
50.     /* 
51.      *繪製一個矩形 
52.      */
53.     //graphics.setColor(Color.GRAY);//--設定矩形邊框顏色 。GREEN:綠色；  紅色：RED;   灰色：GRAY
54.     int xRect=240,yRect=360;  
55.     graphics.drawRect(xRect, yRect, 200, 100);  
56.     //設定文字顏色
57.     graphics.setColor(new Color( 20+random.nextInt(100),  20+random.nextInt(100),  20+random.nextInt(100) ));  
58.     //設定文字內容、位置
59.     graphics.drawString("直線",100+50,100-5);  
60.     graphics.drawString("折線", 200, 150-5);  
61.     graphics.drawString("空心三角形", 110, 280);  
62.     graphics.drawString("實心菱形", 300-20, 280);  
63.     graphics.drawString("橢圓形", 100+50, 360+50);  
64.     graphics.drawString("矩形", 240+50, 360+50);  
65.     //graphics.drawString("錯誤的背景顏色", 100, 540);
66.     //graphics.setPaintMode();
67.     //graphics.translate(400, 600);
68.     graphics.dispose();//釋放此圖形的上下文並釋放它所使用的所有系統資源
69.     ImageIO.write(image,"JPEG",response.getOutputStream());  
70.     PrintWriter out = response.getWriter();  
71.     out.flush();  
72.     out.close();  
73.     //super.doGet(request, response);
74. }  

2. web.xml中配置servlet：

1. <servlet>
2.     <servlet-name>graphics1</servlet-name>
3.     <servlet-class>hsy.graphics.test.GraphicsServlet</servlet-class>
4. </servlet>
5. <servlet-mapping>
6.     <servlet-name>graphics1</servlet-name>
7.     <url-pattern>/servlet/graphics1</url-pattern>
8. </servlet-mapping>

3. Jsp頁面中只需如下一句即可展示圖形：

1. <spanstyle="white-space:pre"></span><imgid=""style=""src="../servlet/graphics1">

現在大家可以看看，充分發揮一下想象力，上圖中是否包含了 ‘泳道’、‘開始節點’、‘結束節點’、’普通節點‘、‘流轉線條’ 、‘描述文字’ 等一系列元素。那麼剩下來的事情就是如何去繪製一個完整的流程圖了，顯然這不是一件簡單的事情，但是有了這些基本的元素，再難應該也是可以繪製出來的。童鞋們，結合自己的專案，充分發揮你的想象力去完成流程圖的繪製吧！