内容:先看看我们要解决的问题Html如何显示一张图片通过Servlet实现图文结合输出实际应用继续完善附录参考资料关于作者 相关内容: TCP/IP 介绍 TCP/IP 介绍 !== End TOC -->
黄林榕(starboy@xdevelop.net)
深圳颖源科技
2001 年 11 月
假如你是一个WEB开发者,或多或少会碰到这样一种情况:网页设计师在设计网页时,在需要动态输出内容的地方采用图片,如:
而"热点聚焦"这个名称,也许过一两天就要求改成"焦点访谈"等其它字样,到时不得不重新制作一张图片替代。而采用文字加背景,有时不易达到好的效果。采用表格背景图方式,需要精心调整表格的尺寸,而且其它的改动也会有意无意影响到它,需要小心调试。
本人在多个项目开发中碰到网页中需要动态图文结合输出情况,程序员和美工往往最终都是选择了回避和妥协,尽管通常影响不大,但究竟与尽善尽美的追求有所差距。于是终于产生了本文的解决方法。
先看看我们要解决的问题
我们的问题可以简单总结为:有一张图片,如:
现在我们要动态地将文字比如"热点聚焦"输出到上面,并在网页上得到类似如下的显示:
HTML如何显示一张图片
在HMTL中显示一张图片很简单:<img src="http://www.QQread.com/Java/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实现图文结合输出
一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。