css - CSS object-fit:cover如何改变裁剪位置以显示图片上部?
图片布局问题
我希望使用object-fit:cover模式的时候，图片不是居中裁剪，而是展示图片的上部!
[](/img/bVddk1M)
我觉得如果调整图片为背景可能可以，不过我也不太知道怎么实现。
共有1个答案
object-position
-
问题内容： 我知道这应该很简单，但不会裁剪图像 我得到的图像宽为 1950像素 ，需要通过父对象的宽度进行裁剪。但是不会裁剪图像。我需要在布局中做什么才能仅显示前 400个像素 ，例如，无论屏幕/父级宽度是多少 对不起，一个简单的问题-尝试使用Google-仅存在复杂的问题。我是新手，所以请不要投票） 如果唯一的方法是以编程方式对其进行裁剪-请通过一种方法给我一个建议 问题答案： 好吧，我将评论粘
-
本文向大家介绍利用jQuery插件imgAreaSelect实现图片上传裁剪（同步显示图像位置信息），包括了利用jQuery插件imgAreaSelect实现图片上传裁剪（同步显示图像位置信息）的使用技巧和注意事项，需要的朋友参考一下 先总结一下： 最近练手，写了一些小东西，都是网上已有的成熟的JQ或JS，但在练手的过程中，我发现，很多应用，其实最后，都是归根到元素的宽高变化，位置变化，通
-
问题内容： 我想显示具有特定宽度和高度的URL的图像，即使它 具有不同的尺寸比例。所以我想调整大小（保持比例）， 然后将图像切成我想要的大小。 我可以使用html img属性调整大小，也可以使用剪切background-image。 我该怎么办？ 例： 这个图片： 具有800x600像素大小，我想显示为200x100 像素图像 通过img我可以调整图像大小200x150px： 这给了我这个： 而且
-
要求图片等比例完整显示不裁剪不留白， 图片比例固定是16/3 使用object-fit: contain; 图片两边有空白 使用object-fit: cover; 图片显示不全，被裁剪了 原图
-
本文向大家介绍vue实现图片裁剪后上传，包括了vue实现图片裁剪后上传的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了vue实现图片裁剪后上传的具体代码，供大家参考，具体内容如下 一、背景 目前负责的系统（商城后台管理系统）里面有这么一个需求，为了配合前台的展示，上传的商品图片比较必须是1:1的正方形。（其它地方有时会有5:4或者16:9的需求，但较少）。所以需要对上传的图片先进行裁
-
问题内容： 我想用PHP裁剪图像并保存文件。我知道您应该使用GD库，但我不确定如何使用。有任何想法吗？ 谢谢 问题答案： 您可以用来裁剪图像的必需部分。该命令如下所示： 来自PHP.net的代码- 从源图像中裁剪出一个80x40像素的图像