自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

大V的博客

VIctor_Ye 优快云认证博客专家优快云认证企业博客

码龄14年

38: 原创

13万+: 周排名

49万+: 总排名

33万+: 访问

: 等级

2818: 积分

64: 粉丝

188: 获赞

29: 评论

378: 收藏

私信

关注

热门文章

分类专栏

最新评论

HTTP协议之multipart/form-data请求分析
buyaolan: 请问这是什么软件，怎么查看请求体？
JS实现鼠标中心放大图片功能原理及实例演示
NouCamp_FCBfa: 个人笔记最后感谢大佬（VIctor_Ye）的分享！！
JS实现鼠标中心放大图片功能原理及实例演示
NouCamp_FCBfa: [code=java] //代码五页 public static void main(String[] args) { // 主方法 File pictureFolder = new File("E:\\ＬＥｎｏＶｏ"); // E 盘的图片文件夹的路径，注意“\\”或“/” new 鼠标中心放大图片功能原理及实例演示(pictureFolder); // new 构造方法 } } [/code]
JS实现鼠标中心放大图片功能原理及实例演示
NouCamp_FCBfa: [code=java] //代码四页 if (e.getWheelRotation() == -1) { // 滚轮向外滚 oldImgWidth = icon.getIconWidth(); oldImgHeight = icon.getIconHeight(); imgWidth = icon.getIconWidth(); imgHeight = icon.getIconHeight(); double num = imgWidth / imgHeight; imgWidth -= 100; // 缩小 imgHeight -= (int) (100 / num);// 缩小 if (imgWidth > getWidth() / 5) { // 宽度大于窗体 1/5 执行 icon = new ImageIcon(files[c].getAbsolutePath()); icon = new ImageIcon(icon.getImage().getScaledInstance(imgWidth, imgHeight, Image.SCALE_DEFAULT)); setLayout(); double douzoomRatio = Math.sqrt(imgWidth * imgWidth + imgHeight * imgHeight) / Math.sqrt(oldImgWidth * oldImgWidth + oldImgHeight * oldImgHeight); x3 = (1 - douzoomRatio) * (getMousePosition().x - jl.getBounds().x) + jl.getBounds().x; y3 = (1 - douzoomRatio) * (getMousePosition().y - jl.getBounds().y) + jl.getBounds().y; jl.setLocation((int) x3, (int) (y3)); repaint(); validate(); } } [/code]
JS实现鼠标中心放大图片功能原理及实例演示
NouCamp_FCBfa: [code=java] //代码三页 imgWidth += 100; // 设置放大的宽 imgHeight += (int) (100 / num);// 设置放大的高 if (imgWidth < getWidth() * 10) { // 宽度小于窗体10倍执行 icon = new ImageIcon(files[c].getAbsolutePath()); // new icon，避免丢失像素 icon = new ImageIcon(icon.getImage().getScaledInstance(imgWidth, imgHeight, Image.SCALE_DEFAULT)); // 放大 setLayout(); // 重新布局 /* * douzoomRatio 缩放比（ new icon ）：（ old icon）这样可以用，反过来就有问题了。 x3,y3 * 扒了（优快云）大佬（VIctor_Ye）的算法用的,非常感谢！！！ */ double douzoomRatio = Math.sqrt(imgWidth * imgWidth + imgHeight * imgHeight) / Math.sqrt(oldImgWidth * oldImgWidth + oldImgHeight * oldImgHeight); x3 = (1 - douzoomRatio) * (getMousePosition().x - jl.getBounds().x) + jl.getBounds().x; y3 = (1 - douzoomRatio) * (getMousePosition().y - jl.getBounds().y) + jl.getBounds().y; jl.setLocation((int) x3, (int) (y3));// 设置 jl 的位置 repaint(); // 刷新 validate(); // 刷新 } } [/code]

最新文章

react

关注

关注数：文章数：3 文章阅读量：7916 文章收藏量：4

作者: VIctor_Ye

这个作者很懒，什么都没留下…

展开