道非道非常道

勤思、謹言、慎行、厚積、薄發

公告

在非洲,
瞪羚每天早上醒來時，
他知道自己必須跑的比最快的獅子還快，
否則就會被吃掉。
獅子每天早上醒來時，
他知道自己必須追上跑的最慢的瞪羚，
否則就會被餓死。
不管你是獅子還是瞪羚，
當太陽升起時,你最好開始奔跑。
－－－－摘自＜世界是平的＞－托馬斯．弗里德曼

隨筆分類(92)

文章分類(58)

收藏夾(11)

隨筆檔案(106)

文章檔案(66)

統計

隨筆 - 117
文章 - 67
評論 - 14
引用 - 0

鍵康

[轉] 使用Servlet動態生成圖片

在Web應用中，經常需要動態生成圖片，比如實時股市行情，各種統計圖等等，這種情況下，圖片只能在服務器內存中動態生成并發送給用戶，然后在瀏覽器中顯示出來。

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

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

1．創建BufferedImage對象，該對象存在內存中，負責保存繪制的圖像；
2．創建Graphics2D對象，該對象負責繪制所需的圖像；
3．當繪制完成后，調用com.sun.image.codec.jpeg包的JPEG編碼器對其編碼；
4．最后將編碼后的數據輸出至HttpResponse即可。

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

我們先創建一個最簡單的Servlet：

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

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

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

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

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

Graphics2D g = bi.createGraphics(); // 創建Graphics2D對象
// 填充背景為白色：
g.setBackground(Color.BLUE);
g.clearRect(0, 0, width, height);
// 設置前景色：
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>

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

posted on 2008-12-04 09:48 星期五閱讀(116) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

道非道 非常道

導航

公告