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

标签 javascript jquery css

我想将图像缩放和裁剪到设置的宽度高度同时保持浏览器中的纵横比,因为图像是从其他地方拉取的(a具有固定大小的 facebook 图像对象)。

在使用 CSS 和 Javascript 的浏览器中是否有“标准”方法来执行此操作?我可以更改图像的高度/宽度并使用顶部/左侧来获得一些东西。

调整图像对象的大小是否是执行更改的方式,是否有裁剪和调整图像大小的标准方法(如何计算裁剪)?

我希望 jQuery 能给出答案。

最佳答案

看看这个帖子: jQuery resize to aspect ratio

据我所知,您必须手动完成。通过获取当前尺寸获取纵横比,并根据纵横比设置新的高度和计算新的宽度。

关于javascript - 如何在保持纵横比的同时调整和裁剪图像客户端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13555545/

相关文章:

jquery - 当我访问我的页面时,我的分享按钮不会立即出现,当它出现时我们看到页面正在调整

javascript - 在动态创建的单选按钮上设置值或名称属性时出现问题

javascript - 访问 json 对象内的数组值

javascript - 使用 Bootstrap 模式淡入全日历

javascript - 如何将 git-hooks 与 Electron 应用程序连接起来

javascript - summernote airMode 在 div 中无法正常工作

javascript - 没有 jQuery Mobile 的 scrollstop 事件

javascript - woostercollective.com/Responsive Transition 没有响应

html - 在同一窗口 html 中打开窗口

css - 显示缩略图和文本对齐