2

下面的代码非常适合按高度按纵横比调整图像大小，我还可以按宽度创建单独的函数。但我并不总是确定图像是否需要按高度或宽度缩小。

例如，如果图像需要调整大小的空间是 100 宽和 100 高，而图像是 150 x 90，那么它需要缩小的宽度。如果图像是 80 x 160，则需要缩小高度。

所以我要问的是如何修改下面的代码，以便按纵横比缩小图像以适应宽度和高度的参数？谢谢。

jQuery.fn.resizeHeightMaintainRatio = function(newHeight){
if (this.aspectRatio == undefined) 
this.aspectRatio = parseInt($(this).width() / $(this).height());
$(this).height(newHeight); 
$(this).width(newHeight * this.aspectRatio);
}

我再次编辑了代码，因为经过进一步检查，我的更新版本和 Dan 的版本似乎都无法正常工作。纵横比丢失了，所以这里还有另一个。我已经在一张图片上试过了，到目前为止一切都很好。这里是，

        jQuery.fn.resizeMaintainRatio = function(newHeight, newWidth){
            widthRatio = parseInt($(this).width() / newWidth);
            heightRatio = parseInt($(this).height() / newHeight);

            if(heightRatio > widthRatio)
            {

                this.aspectRatio = parseInt($(this).css("width") / $(this).css("height"));

                $(this).css("height", newHeight);
                $(this).css("width", newHeight * this.aspectRatio);

            }
            else{

                this.aspectRatio = parseInt($(this).css("height") / $(this).css("width"));

                $(this).css("width", newWidth);
                $(this).css("height", newWidth * this.aspectRatio);

            }

        }

再次注意：进一步使用上面的代码后，工作非常奇怪，试试这个 - http://plugins.jquery.com/project/kepresize

4

3 回答 3

3

以下代码将确定需要缩放哪一侧（适用于非方形框，仅检查宽度与高度不起作用）并据此缩放。

如果图像小于 newWidth*newHeight 框，它也会放大图像。如果您不希望它放大，在我切换比率的地方，检查宽度或高度是否> 1，然后才进行缩放。

免责声明：代码尚未运行，但概念应该是正确的。

编辑更新了 OP 的修复程序。

jQuery.fn.resizeHeightMaintainRatio = function(newHeight, newWidth){
   widthRatio = parseInt($(this).width() / newWidth);
   heightRatio = parseInt($(this).height() / newHeight);
   if(widthRatio < 1 && heightRatio < 1){
      widthRatio = heightRatio;
      heightRatio = widthRatio;
   }
   if(widthRatio > heightRatio){
      $(this).width(newWidth); 
      $(this).height(newHeight / widthRatio);
   } else
   {
      $(this).height(newHeight); 
      $(this).width(newWidth / heightRatio);
   }
}
于 2009-11-15T18:11:40.870 回答
1

您必须检查$(this).width() > $(this).height() 当为真时，调用该代码的宽度版本，否则调用该确切版本。

于 2009-11-15T18:08:32.097 回答
0

那里没有计算复制和粘贴的数量，嗯！我也想知道这一点，我看到的只是缩放宽度或高度的无穷无尽的例子......谁想要另一个溢出？！

  • 无需循环即可调整宽度和高度
  • 不超过图片原始尺寸
  • 使用正常工作的数学，即高度的宽度/方面，宽度的高度*方面，因此图像实际上可以正确地上下缩放：/

应该足够直截了当，可以转换为 javascript 或其他语言

//////////////

private void ResizeImage(Image img, double maxWidth, double maxHeight)
{
    double srcWidth = img.Source.Width;
    double srcHeight = img.Source.Height;

    double resizeWidth = srcWidth;
    double resizeHeight = srcHeight;

    double aspect = resizeWidth / resizeHeight;

    if (resizeWidth > maxWidth)
    {
        resizeWidth = maxWidth;
        resizeHeight = resizeWidth / aspect;
    }
    if (resizeHeight > maxHeight)
    {
        aspect = resizeWidth / resizeHeight;
        resizeHeight = maxHeight;
        resizeWidth = resizeHeight * aspect;
    }

    img.Width = resizeWidth;
    img.Height = resizeHeight;
}
于 2011-04-13T19:47:10.973 回答