Java.awt.Graphics2D绘制流程图基本元素 .
jopen
12年前
java.lang.Object
----java.awt.Graphics
----java.awt.Graphics2D
由于项目需要,要求对用户流程进行图形化展示:用户对自己的操作通过查看流程图一目了然。于是进行了一下前期的java绘图探索,通过java.awt.Graphics2D对绘制流程图的基本元素进行了编码,并将其展示在了jsp页面上。
首先编写一个servlet,然后在web.xml中对其进行配置,最后将图片展示在jsp页面。
1. 绘图方法:
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("image/jpeg");//声明文件格式 //绘制宽=480,长=640的图板 int width=480,hight=720; BufferedImage image = new BufferedImage(width,hight,BufferedImage.TYPE_INT_RGB); //获取图形上下文,graphics想象成一个画笔 Graphics2D graphics = (Graphics2D)image.getGraphics(); //消除线条锯齿 graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); //对指定的矩形区域填充颜色 graphics.setColor(Color.ORANGE); //GREEN:绿色; 红色:RED; 灰色:GRAY graphics.fillRect(0, 0, 240, 720); //对指定的矩形区域填充颜色 graphics.setColor(Color.PINK); graphics.fillRect(240, 0, 240, 720); //生成随机数 Random random = new Random(); /* * 画线 x,y是坐标,定义线段的两个坐标点 */ graphics.setColor(Color.BLACK); int x=100,y=100,x1=100,y1=y; graphics.drawLine(x,y,x+x1,y1); /* *画出一个折线 */ int[] xPoints = {100,100,250,250}; int[] yPoints = {180,150,150,180}; graphics.drawPolyline(xPoints, yPoints, 4); /* * 画出一个闭合多边形(三角形) */ int[] xPoints1 = {100,100,200}; int[] yPoints1 = {240,320,280}; graphics.drawPolygon(xPoints1, yPoints1, 3); /* * 画出一个闭合多边形(菱形) */ int[] xPoints2 = {240,300,360,300}; int[] yPoints2 = {280,240,280,320}; graphics.drawPolygon(xPoints2, yPoints2, 4); graphics.setColor(Color.ORANGE); graphics.fillPolygon(xPoints2, yPoints2, 4); /* *绘制一个椭圆形 */ graphics.setColor(Color.GREEN); int xOval=100,yOval=360; graphics.drawOval(xOval, yOval, 100, 100); /* *绘制一个矩形 */ //graphics.setColor(Color.GRAY);//--设置矩形边框颜色 。GREEN:绿色; 红色:RED; 灰色:GRAY int xRect=240,yRect=360; graphics.drawRect(xRect, yRect, 200, 100); //设置文字颜色 graphics.setColor(new Color( 20+random.nextInt(100), 20+random.nextInt(100), 20+random.nextInt(100) )); //设置文字内容、位置 graphics.drawString("直线",100+50,100-5); graphics.drawString("折线", 200, 150-5); graphics.drawString("空心三角形", 110, 280); graphics.drawString("实心菱形", 300-20, 280); graphics.drawString("椭圆形", 100+50, 360+50); graphics.drawString("矩形", 240+50, 360+50); //graphics.drawString("错误的背景颜色", 100, 540); //graphics.setPaintMode(); //graphics.translate(400, 600); graphics.dispose();//释放此图形的上下文并释放它所使用的所有系统资源 ImageIO.write(image,"JPEG",response.getOutputStream()); PrintWriter out = response.getWriter(); out.flush(); out.close(); //super.doGet(request, response); }
2. web.xml中配置servlet:
<servlet> <servlet-name>graphics1</servlet-name> <servlet-class>hsy.graphics.test.GraphicsServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>graphics1</servlet-name> <url-pattern>/servlet/graphics1</url-pattern> </servlet-mapping>
3. Jsp页面中只需如下一句即可展示图形:
<img id="" style="" src="../servlet/graphics1">4. 页面图形展示如下:
现在大家可以看看,充分发挥一下想象力,上图中是否包含了 ‘泳道’、‘开始节点’、‘结束节点’、’普通节点‘、‘流转线条’ 、‘描述文字’ 等一系列元素。那么剩下来的事情就是如何去绘制一个完整的流程图了,显然这不是一件简单的事情,但是有了这些基本的元素,再难应该也是可以绘制出来的。童鞋们,结合自己的项目,充分发挥你的想象力去完成流程图的绘制吧!
转自:http://blog.csdn.net/hu_shengyang/article/details/7190031