问题标签 [aspect-ratio]

阿罗哈，

如何根据这些信息以编程方式在 Javascript 中确定/计算图像纵横比是否合适（比例）？

例如：下面是好的：

这不行：

可能重复：
在android中将像素转换为dp

我正在尝试将像素转换为 dp。公式是什么？

让我们将 640 和 480 转换为 dp。文档这样说

dp 单位到屏幕像素的转换很简单：px = dp * (dpi / 160)

但我认为这不是我需要的（而且我不知道如何使用它）。我想我只需要forumla。我已经准备好代码：

我正在使用 UIImagePickerController 为我的应用选择图像。但是，我在保持所选图像的纵横比方面面临一些挑战

例如，

我在手机上有如下原始图像（不是方形图像）：

通过“移动和缩放”页面选择iphone上的图像进行裁剪后，结果如下：（此处仍保持纵横比）

我的应用程序将在带有方形框架 (200 x 200) 的 UIImageView 中显示所选图像。将所选图像设置为 UIImageView (UIImageView.image = selectedImage) 后，图像的纵横比不会保持不变，而是跟随 UIImageView 的框架：（图像现在在我的 UIImageView 中看起来是倾斜的）：

在这种情况下，有什么办法可以保持图像的纵横比？

编辑：更新预期结果

经过一番思考，我意识到解决我的问题的最佳方法是确保对于此类图像（非方形），我需要将它们“转换”为方形图像，即填充图像顶部和底部的空白空间以制作正方形，例如

预期图像：（添加了顶部和底部边框）

编辑：使用示例代码更新

通过添加代码“self.imageView.contentMode = UIViewContentModeScaleAspectFill;”，我能够在uiimageview中获得方形图像

But it seems like the original image was still not a square image, hence the skewing problem will still occur when I do "UIImage *image = [self scaleImage:img toSize:CGSizeMake(612.0,612.0)];". Is my assumption correct? Anyway to mitigate this issue as I will still need to display the 'compressed' image elsewhere in the app.

我需要创建一个 DIV wherewidth=height和height=100%viewport （显然，它是可变的）。

换句话说，一个完美的正方形 DIV，它根据视口的高度计算它的尺寸。该 DIV 中的元素将其尺寸作为父 DIV 的高度和宽度的百分比。

在我看来，这在 CSS 中应该很简单，但我已经坚持下去了！任何指针将不胜感激。

我想创建一个视图，其中一个维度基于重量。但是，我希望该视图具有特定的纵横比。在这种情况下，我希望它是方形的。

所以我最终有这样的事情：

我怎样才能做到这一点？

我需要将图像调整为 iPhone 上的纵向和横向屏幕尺寸。图像以不同的比例动态加载。

我想实现图像在屏幕内的最大尺寸。问题是它们中的一些需要具有 100% 的宽度，而另一些需要具有 100% 的高度，具体取决于它们的比例。

以前我用 JavaScript 完成了这些，并在加载或旋转屏幕时单独调整了这些图像的大小，但我希望只有一个 css 解决方案，这样我的 webApp 在 JavaScript 中就不会那么重了。

有人知道解决方案吗？

先感谢您。

我想为 iphone/ipad) 游戏创建块。我想使用相同的模型，所以我需要屏幕尺寸进行编码。例如 iPhone 在 X 坐标上有 320 个像素。我们有 8 个块，所以 320/8 = 40 iphone 在 Y 坐标上有 480 个像素。我们有 12 个块，所以 480/12 = 40 ipad 在 X 坐标上有 768 个像素。我们有 8 个块，所以 768/8=96 ipad 在 Y 坐标上有 1024 个像素。我们有 12 个区块，所以 1024/12=8

但我想要求为像素编程。它了解正在运行的设备，因此可以自动定义像素。我该怎么做？

我们可以为从相机捕获的在运行时裁剪的图像提供纵横比吗.so 为参数

：虽然它适用于从画廊拍摄的图像

这是为相机活动捕获的图像提供纵横比的方法吗？我需要你的帮助吗？谢谢

更新--> 代码

我有一个带有UIModalPresentationPageSheet样式的 modalView，这个视图有一个 scrollView，并且在该 scrollView 内部有一个 mageView，以便我可以显示图像，并允许用户操作，例如缩放等。

在 viewDidLoad 这就是我设置所有内容的方式：

哪个工作正常，但我遇到的问题是，如果我在横向模式下有一个大于有点小的 modalView 大小的图像（由于 UIModalPresentationPageSheet 样式），它不会缩小和缩放，所以我可以看到整个东西，它只显示了图像的 2/3，为了看到更多，我必须实际缩小。

我已将 contentMode 设置为UIViewContentModeScaleAspectFit，但它仍然没有改变任何东西。

我错过了什么吗？

我将如何实施固定的纵横比View？我想在GridView. 我认为子类化孩子比GridView?

编辑：我认为这需要以编程方式完成，这没问题。另外，我不想限制大小，只限制纵横比。