草庐IT

aspect-fit

全部标签

html - CSS Aspect Ratio - 根据动态父高度设置子元素的宽度

首先,让我解释一下我所知道的存在并尝试过的变体:Thetypicalaspectratiohack,它管理一个高度基于宽度的元素。Stackoverflowanswers,其中高度由图像决定,然后图像决定宽度容器。我感兴趣的是纯CSS解决方案,具有您能想到的任何hacky、新奇的、实验性的属性,可以实现以下结果:卡片的高度基于内容(在本例中为标题和段落)。我们称它为h。卡片中的另一个元素应该是相同的h高度(基于同胞的内容),无论h的数量是多少,它的宽度也应该是元素(创建一个正方形)。编辑(2019-28-02):我很抱歉在下一点上不清楚,但是为了让文本换行,文本所在的区域应该有一个最大

html - CSS Aspect Ratio - 根据动态父高度设置子元素的宽度

首先,让我解释一下我所知道的存在并尝试过的变体:Thetypicalaspectratiohack,它管理一个高度基于宽度的元素。Stackoverflowanswers,其中高度由图像决定,然后图像决定宽度容器。我感兴趣的是纯CSS解决方案,具有您能想到的任何hacky、新奇的、实验性的属性,可以实现以下结果:卡片的高度基于内容(在本例中为标题和段落)。我们称它为h。卡片中的另一个元素应该是相同的h高度(基于同胞的内容),无论h的数量是多少,它的宽度也应该是元素(创建一个正方形)。编辑(2019-28-02):我很抱歉在下一点上不清楚,但是为了让文本换行,文本所在的区域应该有一个最大

html - 旋转和缩放图像到 "fit"容器 div

我正在使用transform根据图像的EXIF数据旋转图像。然后,我想通过使其适合其父div来“全屏”显示它。问题是,max-width/max-height和所有其他调整大小的指令“忽略”旋转(这是正常的,根据transform规范,元素的转换在流程中被“忽略”。Jsfiddle:http://jsfiddle.net/puddjm4y/2/div.top{position:fixed;width:100%;height:100%;border:1pxsolidblue;}img{transform:rotate(90deg);max-width:100%;max-height:10

html - 旋转和缩放图像到 "fit"容器 div

我正在使用transform根据图像的EXIF数据旋转图像。然后,我想通过使其适合其父div来“全屏”显示它。问题是,max-width/max-height和所有其他调整大小的指令“忽略”旋转(这是正常的,根据transform规范,元素的转换在流程中被“忽略”。Jsfiddle:http://jsfiddle.net/puddjm4y/2/div.top{position:fixed;width:100%;height:100%;border:1pxsolidblue;}img{transform:rotate(90deg);max-width:100%;max-height:10

ios - UIImage Scale Aspect Fill 和 Clip Subviews 在 UICollectionView 中不起作用

我有一个UICollectionView,其单元格包含一个UIImageView。我将UIImageViewframe.size设置为与单元格的frame.size匹配,并且还明确要求UIImageView在cellForItemAtIndexPath方法中按以下方式使用AspectFill&ClipSubview进行缩放:letcell:UICollectionViewCell=collectionView.dequeueReusableCellWithReuseIdentifier("Cell",forIndexPath:indexPath)as!UICollectionViewC

ios - UIImage Scale Aspect Fill 和 Clip Subviews 在 UICollectionView 中不起作用

我有一个UICollectionView,其单元格包含一个UIImageView。我将UIImageViewframe.size设置为与单元格的frame.size匹配,并且还明确要求UIImageView在cellForItemAtIndexPath方法中按以下方式使用AspectFill&ClipSubview进行缩放:letcell:UICollectionViewCell=collectionView.dequeueReusableCellWithReuseIdentifier("Cell",forIndexPath:indexPath)as!UICollectionViewC

objective-c - Objective-C : How to fix aspect ratio of image (and not change to fit imageview frame)

我正在使用UIImagePickerController为我的应用程序选择图像。但是,我在保持所选图像的纵横比方面面临一些挑战例如,我在手机上有一个原始图像如下(不是正方形图像):通过'移动和缩放'页面选择iphone上的图片裁剪图片后,结果如下:(这里仍然保持纵横比)我的应用程序将在带有方形框架(200x200)的UIImageView中显示所选图像。将选定图像设置为UIImageView(UIImageView.image=selectedImage)后,图像的宽高比不再保持不变,而是遵循UIImageView的框架:(图像现在在我的UIImageView中看起来是倾斜的):在这种

objective-c - Objective-C : How to fix aspect ratio of image (and not change to fit imageview frame)

我正在使用UIImagePickerController为我的应用程序选择图像。但是,我在保持所选图像的纵横比方面面临一些挑战例如,我在手机上有一个原始图像如下(不是正方形图像):通过'移动和缩放'页面选择iphone上的图片裁剪图片后,结果如下:(这里仍然保持纵横比)我的应用程序将在带有方形框架(200x200)的UIImageView中显示所选图像。将选定图像设置为UIImageView(UIImageView.image=selectedImage)后,图像的宽高比不再保持不变,而是遵循UIImageView的框架:(图像现在在我的UIImageView中看起来是倾斜的):在这种

ios - 如何为 aspect fit 模式设置圆角的 UIImageView

我通常使用下面的代码来设置圆角。imageView.layer.cornerRadius=10当imageView设置为AspectFill时有效。但是当imageView设置为AspectFit模式时,imageView和图片的比例是不一样的。圆角效果就看不出来了。背景颜色设置为绿色以显示圆角。有什么方法可以将“真实图像部分”设置为圆角。预先感谢您的回答。 最佳答案 将此扩展用于UIImageView:extensionUIImageView{funcroundCornersForAspectFit(radius:CGFloat)

ios - 如何为 aspect fit 模式设置圆角的 UIImageView

我通常使用下面的代码来设置圆角。imageView.layer.cornerRadius=10当imageView设置为AspectFill时有效。但是当imageView设置为AspectFit模式时,imageView和图片的比例是不一样的。圆角效果就看不出来了。背景颜色设置为绿色以显示圆角。有什么方法可以将“真实图像部分”设置为圆角。预先感谢您的回答。 最佳答案 将此扩展用于UIImageView:extensionUIImageView{funcroundCornersForAspectFit(radius:CGFloat)