明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

通過(guò)Jsp發(fā)送動(dòng)態(tài)圖像

[摘要]你是否曾經(jīng)想過(guò)從jsp頁(yè)面(或者servlet)中發(fā)送動(dòng)態(tài)產(chǎn)生的圖像?這篇技巧告訴你如何做。要運(yùn)行這里的代碼,你需要一個(gè)Tomcat或者其他支持JSP 1.1的web服務(wù)器。   當(dāng)一個(gè)web頁(yè)面帶有image/jpeg (或者其他的圖像格式)的MIME類型被發(fā)送時(shí),你的瀏覽器將那個(gè)返回結(jié)果當(dāng)作一...

  你是否曾經(jīng)想過(guò)從jsp頁(yè)面(或者servlet)中發(fā)送動(dòng)態(tài)產(chǎn)生的圖像?這篇技巧告訴你如何做。要運(yùn)行這里的代碼,你需要一個(gè)Tomcat或者其他支持JSP 1.1的web服務(wù)器。

  當(dāng)一個(gè)web頁(yè)面帶有image/jpeg (或者其他的圖像格式)的MIME類型被發(fā)送時(shí),你的瀏覽器將那個(gè)返回結(jié)果當(dāng)作一個(gè)圖像,然后瀏覽器顯示圖像,作為頁(yè)面的一部分或者完全作為圖像自身。要為你的jsp頁(yè)面設(shè)置MIME類型,你需要設(shè)置頁(yè)面的contentType屬性:
  


  然后你需要?jiǎng)?chuàng)建一個(gè)BufferedImage繪制你的動(dòng)態(tài)圖像:
  BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);


  創(chuàng)建完一個(gè)BufferedImage后,你需要得到圖形環(huán)境進(jìn)行繪制,一個(gè)Graphics或者Graphics2D對(duì)象:


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


   從現(xiàn)在起你就可以繪制圖像內(nèi)容了。對(duì)圖形環(huán)境繪制就會(huì)畫到BufferedImage。最開始這個(gè)圖像都是黑色的,因此用你希望的背景顏色填充圖像是一個(gè)不錯(cuò)的主意,然后,當(dāng)你完成圖像的繪制,你需要dispose圖形環(huán)境:


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


  一旦完成圖像的繪制,你在response中返回那個(gè)圖像。你可以使用非標(biāo)準(zhǔn)的com.sun.image.codec.jpeg包中的JPEGImageEncoder類編碼圖像,或者如果你使用JDK1.4,你可以使用標(biāo)準(zhǔn)的ImageIO類。在使用JPEGImageEncoder時(shí)有一個(gè)技巧,你必須從ServletResponse取來(lái)ServletOutputStream而不能使用隱含的JSP輸出變量out。

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


  這里有一個(gè)從所有的可能方案中(例如g.dispose();或者g2d.dispose();)選取的一個(gè)完整的范例.這個(gè)例子使用Graphics對(duì)象繪制一個(gè)隨機(jī)的多邊形,圖像通過(guò)JPEGImageEncoder繪制,你可以自由設(shè)置多邊形的頂點(diǎn)數(shù)得到更復(fù)雜的形狀,換言之,有更多頂點(diǎn)和邊。


  要運(yùn)行這個(gè)范例,將從""之間的jsp代碼放到一個(gè)名為image.jsp的文件中,將那個(gè)文件放到你的web服務(wù)器可以找到的地方,在使用Tomcat的情況下是ROOT目錄,啟動(dòng)Tomcat,訪問(wèn)http://localhost:8080/image.jsp


  <%@ 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));
  }
  // Fill polygon
  g.setColor(Color.cyan);
  g.fillPolygon(poly);
  // Dispose context
  g.dispose();
  // Send back image
  ServletOutputStream sos = response.getOutputStream();
  JPEGImageEncoder encoder =
  JPEGCodec.createJPEGEncoder(sos);
  encoder.encode(image);
  %>