快速业务通道

Servlet实现动态图文结合输出 - 编程入门网

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-06-15

Servlet实现动态图文结合输出

时间:2011-08-11 黄林榕

构建动态网站,灵活性与美观经常会成为一个矛盾。网页设计师从视觉角度考虑,在许多地方采用了 图片,有时甚至在动态输出的内容上使用了图片,比如网站的栏目、各类标题等。而这些内容往往 要经 常变换,需要WEB页面的脚本程序根据数据库中的内容实时输出。传统使用图片的形式显然无法胜任需要 经常变换内容的位置 ,通常是采用折衷的办法,或降低对视觉效果的要求,让设计师改用文字设计,或 要求维护人员不时根据实际内容重新制作并更换图片,等等。对此,本文将 提供一种更为灵活的解决方 案。

如果你是一个WEB开发者,或多或少会遇到这样一种情况:网页设计师在设计网页时,在需要动态输出 内容的地方采用图片,如:

Servlet实现动态图文结合输出 - 编程入门网

而"热点聚焦"这个名称,也许过一两天就要求改成"焦点访谈"等其它字样,到时不得不重新制作一张 图片替代。而采用文字加背景,有时不易达到好的效果。采用表格背景图方式,需要精心调整表格的尺寸 ,而且其它的改动也会有意无意影响到它,需要小心调试。

本人在多个项目开发中遇到网页中需要动态图文结合输出情况,程序员和美工往往最终都是选择了回 避和妥协,尽管通常影响不大,但毕竟与尽善尽美的追求有所差距。于是终于产生了本文的解决方法。

先看看我们要解决的问题

我们的问题可以简单总结为:有一张图片,如:

Servlet实现动态图文结合输出 - 编程入门网

现在我们要动态地将文字比如"热点聚焦"输出到上面,并在网页上得到类似如下的显示:

Servlet实现动态图文结合输出 - 编程入门网

Servlet实现动态图文结合输出(2)

时间:2011-08-11 黄林榕

HTML如何显示一张图片

在HMTL中显示一张图片很简单:<img src="bg.jpg" weight="153" height="25">。

另外我们还知道src属性中的文件类型并没有做限定,也就是说<img src="image.jsp">的写法 也是合法的,同样引用Servlet:<img src="/imageServlet">的写法也是合法的,浏览器解析到该 语句时,将向目标服务器发送一个HTTP请求。通过了解HTTP协议,可以知道,如果这时imageServlet做出 Content-Type为image/jpeg的正确响应(可以通过设置contentType="images/jpeg"来实现),那么也将正 确显示一张图片。这个原理也是实现将数据库中的图像数据显示到网页上所用的原理。

进一步利用这个原理,当向imageServlet请求图像时,imageServlet不是简单的发送原图像数据,而 是先对原图像数据进行一定的处理,比如在原图片上面的指定位置加上文字,甚至对再做一些处理比如阴 影、立体等,然后再将处理后的图像数据流发送出去,那么不就可以得到图文结合后的图像了吗?

根据以上分析,我们得到这样的实现方法:在<img>的src属性中调用实现上述功能的Servlet并 传递相关的参数,如背景图片路径、输出文字、文字输出的位置、字体、大小等,由该Servlet进行图文 处理,并返回处理后的图像数据,从而在网页上显示出加上文字的图像。

通过Servlet实现图文结合输出

下面根据上面的原理编写一个简单的Servlet实现代码,该Servlet能够根据传递的参数要求,将文字 输出到图片上并向浏览器返回图文结合后的图像数据,并在调用的网页上显示出图文结合后的图像(注: 该servlet仅实现了JPG格式图像文件的处理,不支持GIF):

package net.xdevelop.merge; import javax.servlet.*; import javax.servlet.http.*; import java.io.*; import java.util.*; import java.awt.*; import java.awt.image.*; import com.sun.image.codec.jpeg.*; import net.xdevelop.util.ParamUtil; /** * 将文字用指定的字体,颜色和大小,嵌入指定图片的指定位置,调用参数: * text

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号