如何实现用JAVA画图并保存成图片文件

Question

需求：
通过传递过来的一些画图所需参数绘制出要求的图形，并将此图形展现在页面上。貌似需求很难实现，所以老大降低了难度，先从简。简单需求：
要求的图形为一个圆，参数自然是半径，很简单，不要别的了。调用XX方法使用指定的半径参数绘制出一个圆来！并保存图片。当然这些动作都是后台进行的。并非网络上那些人工画图程序，那是人用鼠标画的，添加一些鼠标时间，结合了什么awt等。现在是由程序画图，一切都在后台实现。其实说的更透彻一些就是，在网页上，用户从输入框中输入了合法的半径，点击“生成”按钮，就会在下方出现一个指定大小的圆来！我是学JAVA的，自然画图要用JAVA来实现。网络上流传的都是一些用java做的简易画图程序，几乎和windows的画图相同，要的不是它！要用程序自己来画并保存或展现在网页上！不知道有没有接触过的朋友，或者有想法的给提些实现思路。先谢谢各位了，现在没点思路，请求支援！再次感谢！分不多！见谅！

Answer 1

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【IceWee】截止到2008-07-25 15:04:08的历史汇总数据(不包括此帖)：
发帖的总数量:4                        发帖的总分数:40                       每贴平均分数:10                       
回帖的总数量:6                        得分贴总数量:2                        回帖的得分率:33%                      
结贴的总数量:4                        结贴的总分数:40                       
无满意结贴数:2                        无满意结贴分:40                       
未结的帖子数:0                        未结的总分数:0                        
结贴的百分比:100.00%               结分的百分比:100.00%                  
无满意结贴率:50.00 %               无满意结分率:100.00%                  
敬礼!

Answer 2

要用到：JavaSE部分：
java.awt.image.BufferedImage
java.awt.Graphics（或 java.awt.Graphics2D）
javax.imageio.ImageIOJavaEE部分：
javax.servlet.http.HttpServlet
javax.servlet.http.HttpServletRequest
javax.servlet.http.HttpServletResponse
javax.servlet.ServletOutputStream

Answer 3

在网上搜索了一些关于JAVA画图方面的帖子，还有些demo，不过都是关于如何使用JAVA写出一个类似于Windows画图软件的小软件，目前我的需求并不是这样，它是由人在页面上选择造图的参数，提交后图从后台自动生成并展现在用户的眼前。说真的，这个有人实现了，对于我来说是大姑娘上轿头一遭。有个叫JFreeChart的框架，不知大家接触过没，我也是听老大说的，下载并看了下内部的demo，很不错！就是用它来实现该功能的。可能你会问我为什么不直接学下它的API利用它实现，这个不是关键，因为我们将做的图并不是规范的，它是不提供的，所以那图要自己画。现在的问题是：如何用JAVA中的类去完成一个简单的画图功能，或者画好的图封装成一个Image图像对象保存在内存中，再通过其他的请求从流中把这个对象读取出来，这个图就展现在页面上了。再次申明：画图的动作是由程序来完成的，并且对用户是不可见的，就像我们写个简单的加法程序一样，用户只要输入两个数，程序运行后就出来他们的和，而是如何计算的根本看不见，当然看到了也看不懂，呵呵！再次呼吁前辈大虾们帮忙！感激不尽！感谢楼上那些回帖的朋友！谢谢大家的关注与支持！

Answer 4

xxxxxServletfinal BufferedImage targetImg = new BufferedImage(tWidth, tHeight, BufferedImage.TYPE_INT_RGB);
final Graphics2D g2d = targetImg.createGraphics();
g2d.drawOval(100, 100, 100, 100);
final OutputStream out = response.getOutputStream();
ImageIO.write(targetImg, "JPEG", out);xxx.jsp<img src='/servlet/xxxxServlet' />

Answer 5

<img src"">标签的资源路径可以指向一个servlet的访问路径？ 也就是到指定的路径去找图片吧？  我尝试了您的方法，显示个红叉叉！是否有完整的实例发上来呢？ 谢谢

Answer 6

下面是我在网站上下的别人做的DEMO
----------------------------------------------------------------------------------------------------
package net.xdevelop.merge;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.awt.*;
import java.awt.image.*;
import com.sun.image.codec.jpeg.*;import net.xdevelop.util.ParamUtil;
/**
 * 将文字用指定的字体，颜色和大小，嵌入指定图片的指定位置,调用参数:
 * text:  　　　要嵌的文字
 * imageFile: 　JPG图片的虚拟路径
 * x: 　　　　　文字输出的起始X坐标位置
 * y: 　　　　　文字输出的起始Y坐标位置
 * fontColor: 　字体颜色(例fontColor=FFFFFF)
 * fontSize: 　字体大小
 * fontStyle: 　字体风格(斜体,粗体等)
 * fontName: 　字体名称(如仿宋体,宋体等)
 */
public class TextIntoImage extends HttpServlet {
    private static final String CONTENT_TYPE = "image/jpeg;charset=GBK";
    public void init() throws ServletException {
    }
    /** Process the HTTP Get request */
    public void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
        doPost(request,response);
    }
    //---------------------------------------------------------------------------------------------
    /** Process the HTTP Post request */
    public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
        response.setContentType(CONTENT_TYPE);
        String text = "";               //要嵌的文字
        String imageFile = "";          //被嵌的图片的虚拟路径
        int x = 0;                      //坐标
        int y = 0;
        String fontColor = "";          //字体颜色
        int fontSize = 0;               //字体大小
        String fontStyle = "";          //字体风格(斜体,粗体等)
        String fontName = "";           //字体名称
        try {
            //取得参数(ParamUtil类请参看后面附的ParamUtil类代码)
            text = ParamUtil.getParameter(request,"text");
            imageFile = ParamUtil.getParameter(request,"imageFile");
            x = ParamUtil.getIntParameter(request,"x",0);
            y = ParamUtil.getIntParameter(request,"y",0);
            fontColor = ParamUtil.getParameter(request,"fontColor");
            fontSize = ParamUtil.getIntParameter(request,"fontSize",16);
            fontStyle = ParamUtil.getParameter(request,"fontStyle");
            fontName = ParamUtil.getParameter(request,"fontName");
        }
        catch(Exception e) {
            e.printStackTrace();
        }
        ServletOutputStream output=response.getOutputStream();
        if(imageFile.toLowerCase().endsWith(".jpeg")||imageFile.toLowerCase().endsWith(".jpg")) {
            imageFile = getServletContext().getRealPath(imageFile);
            InputStream imageIn = new FileInputStream(new File(imageFile));
            JPEGImageDecoder decoder = JPEGCodec.createJPEGDecoder(imageIn);
            BufferedImage image = decoder.decodeAsBufferedImage();
            Graphics g=image.getGraphics();
            //设置颜色
            g.setColor(new Color(Integer.parseInt(fontColor,16)));
            //设置字体
            Font mFont = new Font(fontName,Font.PLAIN,fontSize);//默认字体
            if(fontStyle.equalsIgnoreCase("italic")) mFont=new Font(fontName,Font.ITALIC,fontSize);
            if(fontStyle.equalsIgnoreCase("bold")) mFont=new Font(fontName,Font.BOLD,fontSize);
            if(fontStyle.equalsIgnoreCase("plain")) mFont=new Font(fontName,Font.PLAIN,fontSize);
            g.setFont(mFont);
            //输出文字
            g.drawString(text,x,y);
            //输出数据流
            JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(output);
            encoder.encode(image);
            imageIn.close();
        }
        output.close();
    }
}//////////package net.xdevelop.util;import javax.servlet.*;
public class ParamUtil {
  /**
   * 获得request中指定名称的参数值,若有中文乱码问题请增加转码部分
   * @param request ServletRequest对象
   * @param paramName 参数名称
   * @return 如果该变量值存在则返回该值，否则返回""
   */
  public static String getParameter( ServletRequest request, String paramName ) {
    String temp = request.getParameter(paramName);
    if( temp != null && !temp.equals("") ) {
        //若有中文问题，在此添加转码代码，例：temp = new String(temp.getBytes("8859_1"), "GB2312");
        return temp;
    }
    else {
      return "";
    }
  }
  /**
   * 获得request中的int型参数值
   * @param request ServletRequest对象
   * @param paramName 参数名称
   * @param defaultNum 默认值，如果没有返回该值
   * @return 如果该参数值存在则返回其转换为int型的值，否则返回defaultNum
   */
  public static int getIntParameter( ServletRequest request, String paramName, int defaultNum ) {
    String temp = request.getParameter(paramName);
    if( temp != null && !temp.equals("") ) {
      int num = defaultNum;
      try {
          num = Integer.parseInt(temp);
      }
      catch( Exception ignored ) {
      }
      return num;
    }
    else {
      return defaultNum;
    }
  }
}///////////web.xml<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>textintoimage</servlet-name>
<servlet-class>net.xdevelop.merge.TextIntoImage</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>textintoimage</servlet-name>
<url-pattern>/TextIntoImage</url-pattern>
</servlet-mapping></web-app>xxx.jsp<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
  </head>
  
  <body>
    <img border="0" src="/TextIntoImage?text=HotPotFocus&imageFile=/bg.jpg&x=20&y=20&fontColor=FFFFFF&fontStyle=bold&fontName=Roman&fontSize=16" />
  </body>
</html>试过了这方法，使用<img src="Servlet的路径">显示红叉叉！但是把URL复制到地址栏会看到图片被修改。不知道这个src用Servlet的方法到底是否可行？那为什么我的不能显示？我想是不是这样，向服务器发送请求返回来的应答是一个html页面啊？所以img的src指向的是一个html地址，所以才不会显示图片？那应该如何呢？请求支援！

Answer 7

本帖最后由 beyond_xiruo 于 2008-07-28 11:25:32 编辑

  

Answer 8

加入设置显示类型的代码就可以显示图片了，如下
response.setContentType("image/*");

Answer 9

本帖最后由 beyond_xiruo 于 2008-07-28 11:31:33 编辑

  

Answer 10

如果画统计类的图标，可以用jfreechart

Answer 11

恩，谢谢版版的热心答复咯！今天终于解决这个问题了！的确可以！而且使用的是内存中的Image对象，用流的方式写到JSP上。哎！真的是够折腾的了！也谢谢大家！