随机产生图片

本文介绍了如何使用Java Servlet创建一个简单的图像生成应用,通过使用BufferedImage、Graphics、Color和JPEGImageEncoder等Java API,生成包含随机颜色圆形的JPEG图片,并通过OutputStream将图像数据发送到客户端。
import java.awt.Color; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.OutputStream; import java.util.Random; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.sun.image.codec.jpeg.ImageFormatException; import com.sun.image.codec.jpeg.JPEGCodec; import com.sun.image.codec.jpeg.JPEGImageEncoder; public class ImageServlet extends HttpServlet { private static final long serialVersionUID = 8339675875196781597L; @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("image/jpeg"); drawImage(response.getOutputStream()); } private void drawImage(OutputStream dest) throws ImageFormatException, IOException { int width = 500; int height = 500; Random r = new Random(); BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics graphics = image.getGraphics(); Color color = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); graphics.setColor(color); graphics.fillOval(0, 0, width, height); color = new Color(0, 0, 0); graphics.setColor(color); JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(dest); encoder.encode(image); } }
### 使用JavaScript实现随机生成图片 为了实现在网页上随机显示不同图片的效果,可以采用如下所示的JavaScript代码。当页面加载完成后,`choosePic()` 函数会被调用,此函数会创建一个包含多个图片路径的数组 `myPix` 并从中随机选取一张作为展示对象。 ```javascript window.onload = choosePic; function choosePic() { var myPix = ["images/lion.jpg", "images/tiger.jpg", "images/bear.jpg"]; var randomNum = Math.floor(Math.random() * myPix.length); document.getElementById("myPicture").src = myPix[randomNum]; } ``` 上述脚本依赖于 HTML 中存在具有特定 ID 的 `<img>` 标签以便设置其 `src` 属性指向所选图像文件的位置[^2]。 对于更复杂的应用场景,可能还需要考虑预加载图片以减少延迟、处理错误情况(比如指定路径下的图片无法访问),以及确保良好的用户体验设计等因素。 如果希望进一步扩展功能,例如增加更多的图片选项或是改变选择逻辑,则可以根据需求调整 `myPix` 数组的内容或者是修改用于计算 `randomNum` 的表达式。 #### 图片预加载示例 为了避免首次点击时可能出现的短暂空白期,可以在初始化阶段预先加载所有的图片资源: ```javascript function preloadImages(arrayOfImageUrls) { arrayOfImageUrls.forEach(function(src){ let img = new Image(); img.src = src; }); } // 调用预加载函数 preloadImages(myPix); ``` 通过这种方式提前下载并缓存这些图片,能够显著提升切换速度和整体性能表现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值