浏览 3060 次
|
锁定老帖子 主题：Javascript改变图片大小的玄机
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2012-10-15
问大家个问题啊，我刚才做了一个测试
在浏览器里设置图片的大小 var image = $("#img1"); image.height(1024);//这个时候图片是等比例缩放的 image.width(XXX);//这个时候图片的高度不变宽度变了（变胖或者变瘦） var image = $("#img1"); image.width(1024);//这个时候图片是等比例缩放的 image.height(XXX);//这个时候图片的宽度不变高度变了（拉伸或者压缩） IE和FF都是这样的，有什么玄机吗？我本来以为设置多少就是多少。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2012-10-16
浏览器自己的行为，你自己给他们设一个style试一下就知道了，当你只指定了宽或者高的时候，会自动缩放的，当你宽和高都指定了以后，则会严格按照你设置的宽和高来显示，这个时候，就可能会变形。
|
| 返回顶楼 | |
|
发表时间：2012-10-16
soga
比如原来的image的width=1000 height=2000(长方形的图片) 你设置了 image.height(1000); 那么browser会自动计算出width=500 当你设置了 image.height(1000); image.width(1000); 这时候变成正方形了，你说变不变型，变形金刚啊 |
| 返回顶楼 | |
