缩放图片
缩放图片
提问于 2013-03-15 00:42:39
我在一个div中显示图片，这个div是350 px350 is大。人们可以将图片上传到我的文件服务器，并在数据库和id中创建到该图片的目标链接。获取链接的php文档位于根文件夹中，所有图片都保存在一个名为图片的子文件夹中。我用这样的东西来展示这幅画：
$piclink = "SELECT `link` FROM `pictures` WHERE `id=`.$id.`";单击上一页中的链接时，将存储$id变量。
我的问题：并不是所有的图片都是相同的格式。我想要显示它们，使最大维数是350 is，另一个维是按比例。我该怎么做？只需这样做：
echo "<img href=" . $piclink . " height='350px' width='350px'/>"将图片延伸到350x350，从而打破比例。任何帮助都很感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-15 01:45:02
若要保留高宽比，可以检索图像维数，并使用350 To最大值应用该比率。
下面是一个例子：
<div id="img-holder"></div>码
var img = new Image();
img.onload = function () {
alert('Orignal width:'+img.width+', height:'+img.height);
var width, height;
if (img.width > img.height) {
width = (img.width > 350 ? 350 : img.width);
height = img.height * (350 / img.width);
} else {
height = (img.height > 350 ? 350 : img.height);
width = img.width * (350 / img.height);
}
img.width=width;
img.height=height;
$("#img-holder").append(img);
}
img.src = "http://mps.thebeautyquotient.com/images/val4a.jpeg"这是一个小摆设：http://jsfiddle.net/aN6Ec/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15422802
复制相关文章
相似问题
腾讯云开发者
