社区
Java SE
帖子详情
高分求助图片等比缩放算法?
麻烦的一笔
2009-08-12 05:05:04
在网页上显示数据库中读出来的图片,因为在数据库中的图片大小各不相同
而我在页面上的div宽度设置在595,高度设置在196,如果数据库中的图片比
这个宽度和高度要小必须填满,如果要比这个大必须缩放到这个宽度和高度
还有一种可能如果图片是正方形,不必要填满,但是要按等比例缩放进这个div
也就是说正方形还是正方形,在div里显示的是放大或缩小的正方形图片,有没有高手
帮我解这个算法,谢谢了!
...全文
1019
15
打赏
收藏
高分求助图片等比缩放算法?
在网页上显示数据库中读出来的图片,因为在数据库中的图片大小各不相同 而我在页面上的div宽度设置在595,高度设置在196,如果数据库中的图片比 这个宽度和高度要小必须填满,如果要比这个大必须缩放到这个宽度和高度 还有一种可能如果图片是正方形,不必要填满,但是要按等比例缩放进这个div 也就是说正方形还是正方形,在div里显示的是放大或缩小的正方形图片,有没有高手 帮我解这个算法,谢谢了!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
15 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
华夏鹰
2011-06-02
打赏
举报
回复
继续顶起 期待算法
cxj120505
2011-06-01
打赏
举报
回复
我以前做了个头像上传,里面带有图片剪裁、压缩与放大(包括等比) 如需要发邮件给我吧。348797839@qq.com
cxj120505
2011-06-01
打赏
举报
回复
非ie浏览器可用css中 max-width;max-height 来控制 ie下就需要自己写算法了 自带的那总好像比较耗性能!
麻烦的一笔
2009-08-13
打赏
举报
回复
他们说不行,方形的还是要按比例缩放成方形的,挺麻烦的
zhang_yu_QIN
2009-08-13
打赏
举报
回复
你可以在页面把大小固定死阿.
不管多大的图片 多 小的图片都会显示你固定的规则的..
老张-AI
2009-08-13
打赏
举报
回复
可以利用js来验证 用一个div 小了就放大填满div
麻烦的一笔
2009-08-13
打赏
举报
回复
我还要把我的需求说的更详细点,我做的是网页图片轮换显示,数据库的图片大小不一样
现在我就是要求一个算法能满足我上面提出的需求?希望各位高手帮帮忙啊~
huangan0301
2009-08-13
打赏
举报
回复
帮顶~~没做过这方面的需求
麻烦的一笔
2009-08-13
打赏
举报
回复
谢谢各位这个问题我也不指望了,就让大家讨论讨论吧~
The-Venus
2009-08-13
打赏
举报
回复
顶楼主!
The-Venus
2009-08-13
打赏
举报
回复
学习学习!
zhouzongjiu
2009-08-13
打赏
举报
回复
顶啊
aywrenyue
2009-08-12
打赏
举报
回复
根据你的需求,其实有两种思路
1)可以利用脚本,将现有的图片放入一个指定的区域,不过这样的缺点是,如果图像本身很大(3M),这样加载起来比较慢,用户体验不好。
2)可以再上传图片的同时,生成一组对应的缩略图,例如300*400,595*196等等,这样在显示的时候直接读取缩略图就可以了,这样的缺点是,增加了额外转换的工作量。
jianchencool
2009-08-12
打赏
举报
回复
<script language="JavaScript">
//图片按比例缩放,可输入参数设定初始大小
function resizeimg(ImgD,iwidth,iheight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
ImgD.style.cursor= "pointer"; //改变鼠标指针
ImgD.onclick = function() { window.open(this.src);} //点击打开大图片
if (navigator.userAgent.toLowerCase().indexOf("ie") > -1){
//判断浏览器,如果是IE
ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";
ImgD.onmousewheel = function img_zoom() //滚轮缩放
{
var zoom = parseInt(this.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom> 0) this.style.zoom = zoom + "%";
return false;
}
} else { //如果不是IE
ImgD.title = "点击图片可在新窗口打开";
}
}
}
</script>
<img src ="E:/编程语言排行榜.jpg" onload="javascript:resizeimg(this,800,600)">
麻烦的一笔
2009-08-12
打赏
举报
回复
顶者有分!
js
图片
等比例
缩放
例如,当只设定宽度或高度时,仅根据这个设定值进行
缩放
,确保
图片
的一个维度符合要求,另一个维度则根据等比原则自动调整。 #### 3. **应用场景与优化** - **网页布局适应性**:在响应式设计中,等比例
缩放
可以...
图片
等比
缩放
技术详解与实践
在数字化的今天,等比
缩放
已经成为页面布局中不可或缺的技术之一。无论是在响应式设计还是...例如,当一个宽高比为16:9的
图片
被等比
缩放
到一个100px的宽度时,它的高度也会相应地
缩放
至56.25px,以保持原有的比例不变。
图像
缩放
C++代码
以此类推目标
图片
中(1,0)点由源图中(1*(3/4),0*(3/4))=>(0.75,0)=>(1,0)填充(四舍五入),其它点类推可得到放大的图。对待插值的像素点(x,y)(x和y可以为浮点数),取其附近的4x4邻域点(xi,yj), i,j = 0,1,2,...
C#实现智能
图片
缩放
器的完整教程
在数字媒体和网络通信日益普及的今天,...例如,一个智能
图片
缩放
器可以提供如下自定义选项:输出尺寸:用户可以指定一个最大尺寸,
图片
会按比例
缩放
至该尺寸内。质量设置:用户可以根据需要选择压缩质量。格式选择。
基于FPGA的图像
缩放
算法
设计与优化
四、实验结果验证 总结 一、图像
缩放
的基础 首先我们需要知道图像
缩放
有两种
缩放
方法,一个是有规律的等比
缩放
以及自由
缩放
,其中的等比
缩放
如果
缩放
比例为整数的时候,就相当于卷积神经网络中的池化层一样,将图像...
Java SE
62,631
社区成员
307,264
社区内容
发帖
与我相关
我的任务
Java SE
Java 2 Standard Edition
复制链接
扫一扫
分享
社区描述
Java 2 Standard Edition
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章