标签: aspect-ratio

将JPEG图像调整为固定宽度,同时保持纵横比不变

如何在保持纵横比的同时将JPEG图像调整为固定宽度？以简单的方式,同时保持质量.

c# aspect-ratio image-resizing

cll*_*pse

2011 11-21

5
推荐指数

2
解决办法

1万
查看次数

实现 VGA 80x25 文本控制台纵横比

I want to implement a text console with the look and feel of an old vga+crt monitor graphics configuration. To do so, I need information on the rendered aspect ratio of a typical setup.

80 x 25 using 9 x 16 cells gives a ratio of 720x400. I have never seen a display with this ratio (It is slightly wider than 16:9). 720x400 is also the resolution when windows 9x splash image is shown.
I have measured the ratio from …

aspect-ratio vga

use*_*329

2013 03-20

5
推荐指数

1
解决办法

2184
查看次数

如果imageview第一次拉伸以填充父级,如何保持图像的宽高比

我想拉伸图像以填充宽度并根据宽度调整高度并保持纵横比.我希望它应该覆盖整个宽度(fillparent)和imageview的高度应该像方式调整,以保持纵横比.

我试过fit_xy,但不适用于我的情况.请帮我

android aspect-ratio android-imageview

and*_*oid

2013 11-07

5
推荐指数

1
解决办法

1万
查看次数

无法让小部件保持其纵横比

我正在使用 Qtcreator 制作程序（也使用 qt 设计器）。我制作了一些 QSvgWidget 按钮（我想要的是一个可缩放的基于图像的按钮）。它们工作但不保持图像的纵横比（纵横比需要为 1:1）。即使经过数小时的尝试，我自己也无法为此提出解决方案。

我试过了：

QSizePolicy qsp(QSizePolicy::Preferred,QSizePolicy::Preferred);
qsp.setHeightForWidth(true);
ui->Widgetname->setSizePolicy(qsp);

Run Code Online (Sandbox Code Playgroud)

但这不起作用。

问题的一些图像：

正确的：

不正确：

我是 Qt 和编码的新手。

我究竟做错了什么？

qt aspect-ratio qwidget qt-designer

Jon*_*anM

2016 07-13

5
推荐指数

0
解决办法

788
查看次数

我是从Libgdx引擎到Unity的,我是初学程序员.我尝试在Unity中为Android和iOS设备制作游戏,但我对纵横比/分辨率缩放有问题.在Libgdx中,如果你开发了一些东西,你会给出一个"默认"分辨率,并且所有内容都会缩放到设备的屏幕上,无论它的分辨率是大还是小,都不会从屏幕上切掉任何东西.另一方面,在Unity中,如果我制作游戏,它会将屏幕裁剪为所选的宽高比,如果您希望在所有可用设备上获得相同的体验,这不是最好的.我在互联网上搜索了很长时间,但我找不到任何对我有用的东西.

结论:我想知道Unity(C#)是否有一些代码可以使我的游戏在所有具有不同宽高比的设备上看起来都一样？我正在使用Unity 2D进行开发.如果有人可以编码并希望分享它,我会非常高兴,因为如果在所有设备上看起来都不一样,那就非常糟糕.我还没有onGUI的问题,因为我没有做过任何菜单或其它东西,只是游戏,但是在设备上背景不一样并且角色没有打开是不好的屏幕的相同部分.

android aspect-ratio screen-resolution unity-game-engine ios

Zwi*_*bel

2014 03-09

5
推荐指数

1
解决办法

915
查看次数

调整最小图像尺寸

这似乎是之前有人问过的问题，但我找不到重复的东西，所以......

我希望图像的最小尺寸在保持纵横比的同时最大缩放 200。所以：

600x400 图像的最小尺寸为 400，应为 200，因此按 0.5 缩放：新图像将为 300x200
同样，400x800 将是 200x400
100x300 的最小尺寸已经 < 200，因此它将保持为 100x300。

显然，如果它可以用 css 来完成，那么它比 javascript 更受欢迎。

javascript css aspect-ratio image-resizing

Mar*_*ark

2014 03-18

5
推荐指数

1
解决办法

364
查看次数

有没有办法制作具有固定纵横比的 NativeScript GridLayout？

首先，如果我不遵守任何 SO 规则，我想道歉，因为这是我的第一个问题。

我想要完成的是在我的页面中有一个方形的gridLayout。该行为应该等同于拥有一个带有stretch="aspectFit"的元素。

如果建议的解决方案可以让我强制执行任何给定的纵横比，而不仅仅是一个正方形，那将是一个不错的加分，因为它可以让我在未来解决多种情况。或者如果它可以应用于任何 Layout 元素，那也很好。

该解决方案可以随心所欲，并且 GridLayout 可以以您需要的任何方式嵌套以完成此任务。

我已经尝试过像这样破解它：

 <GridLayout rows="*,auto,*" columns="*,auto,*" backgroundColor="green">
  <Image row="1" col="1" src="~/Images/1px-black.png" stretch="aspectFit" width="100%"></Image>
  <StackLayout row="1" col="1" orientation="vertical" backgroundColor="lightgray">
    <Label text="Label 1" width="100%" height="25%" backgroundColor="red"></Label>
    <Label text="Label 2" width="100%" height="25%" backgroundColor="green"></Label>
    <Label text="Label 3" width="100%" height="25%" backgroundColor="blue"></Label>
    <Label text="Label 4" width="100%" height="25%" backgroundColor="yellow"></Label>
  </StackLayout>
</GridLayout>

Run Code Online (Sandbox Code Playgroud)

视觉上它似乎有效，但 GridLayout 的内容没有适当地填充它

PS：我刚刚注意到在我选择的示例中，我试图制作方形的布局元素是嵌套的 StackLayout，但它的想法是相同的。我需要一种方法来使嵌套布局元素平方。

aspect-ratio grid-layout aspect-fit nativescript

Uka*_*pts

2016 07-09

5
推荐指数

1
解决办法

6680
查看次数

Android Camera2 MediaRecorder 在录制过程中裁剪视频

我需要构建一个以 16:9 比例记录的相机应用程序，该应用程序与 1280x720 的记录设备的全高相匹配，android MediaRecorder 只返回每个设备的非常具体的尺寸，在记录期间可以支持，并且大多数设备 1280x720 可用并按预期工作，但是对于某些设备，例如 Galaxy S4，录制的视频返回拉伸和变形，原因是 Galaxy s4 尺寸为 1920x1080。

现在，android Camera2 google 示例以 4:3 的纵横比拍摄，这为视频质量产生了正确的纵横比，但不是我所追求的预期尺寸，从我的研究看来，我唯一的选择是以 4:3 录制并对视频进行某种裁剪，使其更接近 16:9 1280x720 范围，是否可以使用 MediaRecorder 或替代框架来完成此操作？

java video android aspect-ratio android-mediarecorder

Edm*_*jas

lucky-day

5
推荐指数

0
解决办法

598
查看次数

如何使用QML布局在网格中排列纵横比缩放的项目？

我有一个具有特定长宽比的矩形和一个具有相反长宽比的矩形。我想将它们安排在自己选择的网格布局中（相反，不必是常规网格：我更喜欢可以随意构建RowLayouts和ColumnLayouts 的解决方案）。

我知道我可以使用Layout.fillHeight和缩放布局中的项目Layout.fillWidth。不幸的是，我找不到合适的方法为定义纵横比Rectangle。我知道QML Image可以（通过其fillMode属性）做到这一点，但我认为没有简单的方法可以很好地做到这一点。

任何帮助或正确方向的指点将不胜感激！

注意，我假设要使用QML Layouts，但是如果有一个仅包含锚点或普通Row/ Column设置的功能解决方案，我将全力以赴！

还请注意，我宁愿将两种类型的面积保持Rectangle相同，就像在实验中看起来那样，这并不是那么简单...

编辑

我的意思是尝试减去等面积约束。矩形会填满宽度，但在高度上会留出空间，因为它们受纵横比和填充宽度的限制。高度应该一样，但是我不能将两者结合起来。

layout qt aspect-ratio qml layout-anchor

rub*_*nvb

2017 01-03

5
推荐指数

1
解决办法

2010
查看次数

了解移动设备上的方向，长宽比和CSS像素

对于我当前的项目，我需要在横向模式下为移动设备优化页面布局。您可以帮助我了解测量浏览器窗口大小的不同方法吗？

我正在使用具有像素硬件像素尺寸的Android智能手机720 x 1280。

纵向模式 在纵向模式下，当我使用JavaScript来获取document.documentElement.clientWidth和〜Height时，会得到结果980 x 1394。

当我使用以下CSS ...

  html {
    height: 100vh;
    width: 100vw;
  }
  body {
    height: 100%;
    width: 100%;
    margin: 0;
  }

Run Code Online (Sandbox Code Playgroud)

... Chrome开发工具报告说它的大小为980 x 1546。

横向模式 在横向模式下，情况似乎更加复杂。在测试中，我明确地将整个<html>标签的CSS尺寸设置为100vwx 100vh，将bodywidth和height设置为100%。

但是，JavaScript报告的clientWidth和clientHeight为980 x 460，而Chrome开发工具将html和body元素的尺寸显示为980px x 556px，尽管这两个元素均不能填充屏幕的宽度或高度。

甲<main>元件，其宽度被设定为200vh，其高度设定为100vh填充在横向模式下的屏幕的整个宽度，但叶片在垂直方向上的间隙，尽管铬报告它具有的尺寸的事实1112px x 556px。

了解不同尺寸属性到底要测量什么也非常有帮助，这样我就可以理解应如何使用它们。

编辑： …

javascript css mobile aspect-ratio screen-orientation

Jam*_*ton

2019 03-08

5
推荐指数

1
解决办法

356
查看次数

标签统计

aspect-ratio ×10

android ×3

css ×2

image-resizing ×2

javascript ×2

qt ×2

android-imageview ×1

android-mediarecorder ×1

aspect-fit ×1

c# ×1

grid-layout ×1

ios ×1

java ×1

layout ×1

layout-anchor ×1

mobile ×1

nativescript ×1

qml ×1

qt-designer ×1

qwidget ×1

screen-orientation ×1

screen-resolution ×1

unity-game-engine ×1

vga ×1

video ×1

标签 统计

标签统计