jquery等比例修改图片

Jquery是一个流行的JavaScript库，它让开发人员可以快速构建各种交互式网页。在Jquery中，有很多有用的函数可以让我们轻松完成各种任务。其中一个非常有用的功能就是等比例修改图片。

等比例修改图片的意思是，在不改变图片宽高比的情况下，将图片的大小缩放到指定的尺寸。下面是一个使用Jquery实现等比例缩放图片的示例代码：

//获取图片对象
var img = $(".my-img");

//获取当前图片的宽度和高度
var width = img.width();
var height = img.height();

//设置缩放后的尺寸
var newWidth = 200;
var newHeight = 200;

//计算缩放比例
var scaleX = newWidth / width;
var scaleY = newHeight / height;
var scale = Math.min(scaleX,scaleY);

//设置新的宽度和高度
var newWidth = width * scale;
var newHeight = height * scale;

//将图片缩放到新的尺寸
img.width(newWidth);
img.height(newHeight);

在上面的代码中，我们首先获取了需要进行缩放的图片对象，然后获取了它的宽度和高度。接着，我们设置了缩放后的尺寸，并计算了缩放比例。最后，我们将图片缩放到新的尺寸。

需要注意的是，在实际开发中，我们可能需要根据图片的原始尺寸和缩放后的尺寸，来进行一些适当的调整。比如，可能需要将图片水平垂直居中，或者在缩放后保持一定的间距等等。

总之，Jquery提供了非常方便的函数来实现等比例缩放图片。如果您正在构建一个需要处理图片的网站或应用程序，那么使用Jquery来进行图片处理是一个非常明智的选择。