JSP技巧:發送生動影像

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

  當一個web頁面帶有image/jpeg (或者其他的映像格式)的MIME類型被發送時,你的瀏覽器將那個返回結果當作一個映像,然後瀏覽器顯示映像,作為頁面的一部分或者完全作為映像自身。要為你的jsp版面設定MIME類型,你需要設定頁面的contentType屬性:


<%@ page contentType="image/jpeg" ... %>
然後你需要建立一個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);
%>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.