当前位置:编程学习 > JS >>

通过Jsp发送动态图像

你是否曾经想过从jsp(SUN企业级应用的首选)页面(或者servlet)中发送动态产生的图像?这篇技巧告诉你如何做。要运行这里的代码,你需要一个tomcat(一个很好用的JSP运行平台)或者其他支持jsp(SUN企业级应用的首选) 1.1的web服务器。 

  当一个web页面带有image/jpeg (或者其他的图像格式)的MIME类型被发送时,你的浏览器将那个返回结果当作一个图像,然后浏览器显示图像,作为页面的一部分或者完全作为图像自身。要为你的jsp(SUN企业级应用的首选)页面设置MIME类型,你需要设置页面的contentType属性: 
   


  然后你需要创建一个BufferedImage绘制你的动态图像: 
  BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); 


  创建完一个BufferedImage后,你需要得到图形环境进行绘制,一个Graphics或者Graphics2D对象: 


  Graphics g = image.getGraphics();
  // or 
  Graphics2d g2d = image.createGraphics(); 


   从现在起你就可以绘制图像内容了。对图形环境绘制就会画到BufferedImage。最开始这个图像都是黑色的,因此用你希望的背景颜色填充图像是一个不错的主意,然后,当你完成图像的绘制,你需要dispose图形环境: 


  g.dispose();
  // or 
  g2d.dispose(); 


  一旦完成图像的绘制,你在response中返回那个图像。你可以使用非标准的com.sun.image.codec.jpeg包中的JPEGImageEncoder类编码图像,或者如果你使用JDK1.4,你可以使用标准的ImageIO类。在使用JPEGImageEncoder时有一个技巧,你必须从ServletResponse取来ServletOutputStream而不能使用隐含的jsp(SUN企业级应用的首选)输出变量out。 

  ServletOutputStream sos = response.getOutputStream();
  JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(sos);
  encoder.encode(image);
  // or 
  ImageIO.write(image, "JPEG", out); 


  这里有一个从所有的可能方案中(例如g.dispose();或者g2d.dispose();)选取的一个完整的范例.这个例子使用Graphics对象绘制一个随机的多边形,图像通过JPEGImageEncoder绘制,你可以自由设置多边形的顶点数得到更复杂的形状,换言之,有更多顶点和边。 


  要运行这个范例,将从""之间的jsp(SUN企业级应用的首选)代码放到一个名为image.jsp(SUN企业级应用的首选)的文件中,将那个文件放到你的web服务器可以找到的地方,在使用tomcat(一个很好用的JSP运行平台)的情况下是ROOT目录,启动tomcat(一个很好用的JSP运行平台),访问http://localhost:8080/image.jsp(SUN企业级应用的首选) 


  <%@ page contentType="image/jpeg" 
  import="java.awt.*,java.awt.image.*,
  com.sun.image.codec.jpeg.*,java.util.*"
  %>  
  <%
  // Create image
  int width=200, height=200;
  BufferedImage image = new BufferedImage(width, 
  height, BufferedImage.TYPE_INT_RGB);
  // Get drawing context  
  Graphics g = image.getGraphics();
  // Fill background
  g.setColor(Color.white);
  g.fillRect(0, 0, width, height);
  // Create random polygon
  Polygon poly = new Polygon();
  Random random = new Random();
  for (int i=0; i < 5; i++) {
  poly.addPoint(random.nextInt(width), 
  random.nextInt(height));
补充:Web开发 , Jsp ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,