Javascript 如何在保持纵横比的同时重新调整和裁剪图像客户端

我想将图像缩放和裁剪到设定的宽度和高度，同时在浏览器中保持纵横比，因为图像是从其他地方提取的（facebook图像对象，具有固定大小）

在使用CSS和Javascript的浏览器中，是否有一种“标准”的方法来实现这一点？我可以更改图像的高度/宽度，并使用“上/左”使某些内容正常工作

调整图像对象的大小是否是执行更改的方式，是否有标准的方法来裁剪和调整图像大小（如何计算裁剪）

我希望jQuery会有答案。

请查看以下帖子：

---

据我所知，你必须手动操作。通过获取当前大小来获取纵横比，并设置新高度，并根据纵横比计算新宽度。

您可以按照您所说的宽度/高度调整图像大小，也可以使用

剪辑在CSS中裁剪图像

如果这不符合您的要求，那么当然可以使用
canvas
在JavaScript中对图像执行高级处理。我在Google代码中找到了以下jQuery插件。它似乎工作得很好，但我担心它的支持/使用。以公正和公正的态度

为了不支持脚本，我在img标签上设置了高度和宽度属性。然后在准备就绪时，我从标记中删除这两个属性，并使用插件调整大小。其效果是图像在加载时大小正确，但可能需要一些时间来纠正纵横比，而不是图像溢出设计


他们的自我描述

调整大小和裁剪

方便的jQuery插件，用于客户端统一调整大小和裁剪。理想的
对于具有相似大小（更多不同大小）的化身和图像
更大的带宽开销）

理想用途例如，您可以使用插件转换配置文件图片
Facebook用户（个人资料头像）。它们大小相似，但不相同
同样，但是如果您想在网格中显示它们，您可能需要
它们的高度（或/和宽度）相同

请参阅猫的示例，以更好地了解什么是调整大小和裁剪
我能为你做些什么

使用剪辑可以设置宽度和高度吗？或者按住两个选项中的一个？我想在调整大小的过程中设置宽度和高度-对不起，我应该更清楚地回答这个问题（我更新了它）。
$（window.resize（function（）{//code in here.}）在调整大小时调用函数。您可以获取窗口的宽度并将其设置为百分比，或者将其设置为窗口宽度-边距和边栏（如果有）。@TheWinow是用于在调整大小的窗口中缩放图像的吗？我正在拍摄一个任意图像的大小调整，比如说，一个75x75容器干净。对不起，我不知道我是否理解。你想把它放在一个75×75的容器里吗？容器是否正在调整大小？您可以获取容器的宽度和高度
$（#container）.height（）
或
.width（）
并将其设置为图像的高度或宽度（以较大者为准）。然后当然使用他们在那篇文章中所做的来获得纵横比并设置其他值。正确，一个静态大小的容器，它可以有任何大小/纵横比图像作为src。在你提到的帖子的底部有一个答案，似乎所有这些都做得对+1.