使用Servlet動態(tài)生成圖片

pengyan 2006-11-16

展開全文

在Web應(yīng)用中，經(jīng)常需要動態(tài)生成圖片，比如實時股市行情，各種統(tǒng)計圖等等，這種情況下，圖片只能在服務(wù)器內(nèi)存中動態(tài)生成并發(fā)送給用戶，然后在瀏覽器中顯示出來。

本質(zhì)上，瀏覽器向服務(wù)器請求靜態(tài)圖片如jpeg時，服務(wù)器返回的仍然是標準的http響應(yīng)，只不過http頭的contentType不是text/html，而是image/jpeg而已，因此，我們在Servlet中只要設(shè)置好contentType，然后發(fā)送圖像的數(shù)據(jù)流，瀏覽器就能正確解析并顯示出圖片。

在Java中，java.awt和java.awt.image包提供了基本的繪制圖像的能力，我們可以在內(nèi)存中繪制好需要的圖形，然后編碼成jpeg或其他圖像格式，最后發(fā)送相應(yīng)給瀏覽器即可。下面是使用Servlet動態(tài)創(chuàng)建圖像的詳細步驟：

1．創(chuàng)建BufferedImage對象，該對象存在內(nèi)存中，負責(zé)保存繪制的圖像；
2．創(chuàng)建Graphics2D對象，該對象負責(zé)繪制所需的圖像；
3．當(dāng)繪制完成后，調(diào)用com.sun.image.codec.jpeg包的JPEG編碼器對其編碼；
4．最后將編碼后的數(shù)據(jù)輸出至HttpResponse即可。

注意com.sun.image.codec.jpeg包位于JDK目錄的rt.jar包中，它不是公開的API，需要將rt.jar復(fù)制到web應(yīng)用程序的WEB-INF/lib下。

我們先創(chuàng)建一個最簡單的Servlet：

public class CreateImageServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException
    {
        response.setContentType("image/jpeg");
    }
}

我們首先設(shè)置了response的contentType為image/jpeg，這樣瀏覽器就可以正確識別。

然后，創(chuàng)建一個大小為100x100的BufferedImage對象，準備繪圖：

int width = 100;
int height = 100;
BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

接著，BufferedImage對象中獲取Graphics2D對象并繪圖：

Graphics2D g = bi.createGraphics(); // 創(chuàng)建Graphics2D對象
// 填充背景為白色：
g.setBackground(Color.BLUE);
g.clearRect(0, 0, width, height);
// 設(shè)置前景色：
g.setColor(Color.RED);
// 開始繪圖：
g.drawLine(0, 0, 99, 99); // 繪制一條直線
// 繪圖完成，釋放資源：
g.dispose();
bi.flush();

然后，對BufferedImage進行JPEG編碼：

JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
param.setQuality(1.0f, false);
encoder.setJPEGEncodeParam(param);
try {
    encoder.encode(bi);
}
catch(IOException ioe) {
    ioe.printStackTrace();
}

編碼后的JPEG圖像直接輸出到了out對象中，我們只要傳入response. getOutputStream()就可以直接輸出到HttpResponse中。

下面是完整的代碼：

package com.crackj2ee.web.util;

import java.io.*;
import java.awt.*;
import java.awt.image.*;

import javax.servlet.*;
import javax.servlet.http.*;

import com.sun.image.codec.jpeg.*;

/**
* @author Liao Xue Feng
*/
public class CreateImageServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException
    {
        response.setContentType("image/jpeg");
        createImage(response.getOutputStream());
    }

    private void createImage(OutputStream out) {
        int width = 100;
        int height = 100;
        BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = bi.createGraphics();
        // set background:
        g.setBackground(Color.BLUE);
        g.clearRect(0, 0, width, height);
        // set fore color:
        g.setColor(Color.RED);
        // start draw:
        g.drawLine(0, 0, 99, 199);
        // end draw:
        g.dispose();
        bi.flush();
        // encode:
        JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);
        JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(bi);
        param.setQuality(1.0f, false);
        encoder.setJPEGEncodeParam(param);
        try {
            encoder.encode(bi);
        }
        catch(IOException ioe) {
            ioe.printStackTrace();
        }
    }
}

最后將這個Servlet編譯，注冊到web.xml中，映射路徑為/CreateImage，寫一個簡單的index.html測試：

<html><head></head>
<body>
<img src="CreateImage">
</body></html>

如能正確顯示，大功告成！