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： 这给了我这个： 而且
-
本文向大家介绍vue实现图片裁剪后上传，包括了vue实现图片裁剪后上传的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了vue实现图片裁剪后上传的具体代码，供大家参考，具体内容如下 一、背景 目前负责的系统（商城后台管理系统）里面有这么一个需求，为了配合前台的展示，上传的商品图片比较必须是1:1的正方形。（其它地方有时会有5:4或者16:9的需求，但较少）。所以需要对上传的图片先进行裁
-
问题内容： 我想用PHP裁剪图像并保存文件。我知道您应该使用GD库，但我不确定如何使用。有任何想法吗？ 谢谢 问题答案： 您可以用来裁剪图像的必需部分。该命令如下所示： 来自PHP.net的代码- 从源图像中裁剪出一个80x40像素的图像
-
函数名称：裁剪图片 函数功能： 从图片对象截取部分新建拷贝图片对象 函数方法 img = image.crop(img1,x1,y1,x2,y2) 参数 类型 必填 说明 img1 userdata 是 需要操作的图片对象 x1 number 是 截取图片对象左上角的横坐标 y1 number 是 截取图片对象左上角的纵坐标 x2 number 是 截取图片对象右下角的横坐标 y2 number
-
本文向大家介绍iOS实现裁剪框和图片剪裁功能，包括了iOS实现裁剪框和图片剪裁功能的使用技巧和注意事项，需要的朋友参考一下 图片处理中经常用的图片剪裁，就是通过剪裁框确定图片剪裁的区域，然后剪去该区域的图片，今天实现了一下，其实图片剪裁本身不难，主要剪裁框封装发了点时间，主要功能可以拖动四个角缩放，但不能超出父视图，拖动四个边单方向缩放，不能超出父视图，拖动中间部分单单移动，不改变大小，不能超出父
-
我试图在从图库中选择图像后使用intent来裁剪图像。以下是我的代码片段 在这里，我使用PICK_IMAGE_REQUEST意图句柄调用上面的代码段 由于我在裁剪后使用了相同的意图，即PICK_IMAGE_REQUEST，可能会出现什么问题