通過Jsp發送生動影像

js|動態

　　你是否曾經想過從jsp頁面(或者servlet)中發送動態產生的映像?這篇技巧告訴你如何做。要運行這裡的代碼，你需要一個Tomcat或者其他支援JSP 1.1的web伺服器。

　　當一個web頁面帶有image/jpeg (或者其他的映像格式)的MIME類型被發送時，你的瀏覽器將那個返回結果當作一個映像，然後瀏覽器顯示映像，作為頁面的一部分或者完全作為映像自身。要為你的jsp版面設定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輸出變數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代碼放到一個名為image.jsp的檔案中，將那個檔案放到你的web伺服器可以找到的地方，在使用Tomcat的情況下是ROOT目錄，啟動Tomcat，訪問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);
　　%>