|
你是否曾經想過從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);
%>
| 
