问题标签 [aspect-ratio]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1504 浏览

image - Maintain the aspect ratio of an image?

I am using pictureBox to show images which are received from server but my problem is that picture box in compact framework has only three Size Modes

StretchImage, Normal, CenterImage

the pictures i am getting are generally bigger in size so i have to use StrecthImage mode. But then the aspect ratio is maintained so the images shown become distorted.

So is their anyway to come out of this problem ?

0 投票
8 回答
2332 浏览

resize - 将 N # 个正方形的大小调整为尽可能大,同时仍然适合 X 和 Y 尺寸的盒子。(缩略图!)

我有N个正方形。我有一个长方形盒子。我希望所有的方块都装在盒子里。我希望正方形尽可能大。

如何计算正方形的最大尺寸以使它们都适合盒子?

这适用于缩略图库中的缩略图。

此代码当前工作正常。其背后的想法是取矩形容器的最小尺寸,假设容器是该尺寸的正方形,然后假设我们有相同数量的行和列,刚好足以容纳 iItems 正方形。

如果容器大多是方形的,这个函数就很好用。但是,如果您有一个长矩形,则缩略图会比实际显示的要小。例如,如果我的矩形是 100 x 300,并且我有三个缩略图,它应该返回 100,但返回 33。

0 投票
3 回答
987 浏览

jquery - 调整图像大小

下面的代码非常适合按高度按纵横比调整图像大小,我还可以按宽度创建单独的函数。但我并不总是确定图像是否需要按高度或宽度缩小。

例如,如果图像需要调整大小的空间是 100 宽和 100 高,而图像是 150 x 90,那么它需要缩小的宽度。如果图像是 80 x 160,则需要缩小高度。

所以我要问的是如何修改下面的代码,以便按纵横比缩小图像以适应宽度和高度的参数?谢谢。

我再次编辑了代码,因为经过进一步检查,我的更新版本和 Dan 的版本似乎都无法正常工作。纵横比丢失了,所以这里还有另一个。我已经在一张图片上试过了,到目前为止一切都很好。这里是,

再次注意:进一步使用上面的代码后,工作非常奇怪,试试这个 - http://plugins.jquery.com/project/kepresize

0 投票
5 回答
11186 浏览

c# - 如何保持 UserControl 的纵横比?

有谁知道如何保持 UserControl 的高度/宽度比为 1:1?

例如,如果高度 > 宽度,宽度和高度将具有相同的大小,反之亦然。

0 投票
2 回答
2701 浏览

php - 图像大小调整 (PHP/GD)

我正在寻找帮助/建议,以找到使用PHP/GD将图像调整为尽可能小的最有效方法,同时保留原始图像的纵横比,但确保调整后的图像大于定义的最小宽度& 高度。

例如,调整大小的图像必须具有>= 400 的宽度和 >= 300 的高度,但应在保持原始纵横比的同时尽可能接近这些尺寸。

这样,“风景”图像的理想高度为 300或稍大,宽度 >= 400,“人像”图像的理想宽度为 400或稍大,高度 >= 300

0 投票
4 回答
14617 浏览

flash - 如何找到 Flash SWF 文件的自然大小/尺寸?

我得到了一个 Flash 文件(.swf扩展名)来放入一个网页。在我的浏览器中打开文件会使它变得非常模糊,所以我假设文件有一个自然大小,与图像相同。

它也是矩形的,所以如果我没有确切的尺寸,我需要计算出纵横比。我怎样才能找到这些信息?

0 投票
1 回答
1058 浏览

silverlight - 如何调整 Silverlight 3 应用程序和所有子控件的大小并保持纵横比

我正在构建一个 Silverlight 3 应用程序,我希望它根据 Web 浏览器的大小调整大小。

我找到了 http://community.irritatedvowel.com/blogs/pete_browns_blog/archive/2008/07/04/How-to-Resize-a-Silverlight-2-App-and-Keep-the-Same-Aspect-Ratio .aspx

但是建议的解决方案似乎不适用于silverlight 3(当我调整大小时,我的一个子控件会从屏幕上消失)。

有什么建议么?

/吉米

0 投票
1 回答
565 浏览

silverlight - 设置自定义控件的纵横比

有没有办法使用 XAML(可能还有模板绑定)来保持控件的宽度与其高度成一定比例?我希望我的控件在设计时在 Blend 中始终均匀缩放。

0 投票
1 回答
267 浏览

flash - 在缩放对象中找到正确的缩放值以保持视频的纵横比

我在另一个电影剪辑中有一个视频。当我进入全屏时,我会放大外部影片剪辑以适应屏幕。这样 OuterMovieClip.width 就等于 screenWidth 等。如何保持视频的纵横比不失真?什么是正确的数学?

谢谢你。

0 投票
6 回答
26588 浏览

wpf - 调整 WPF 窗口的大小,但保持比例?

我有一个用户可调整大小的 WPF 窗口,我想限制调整大小,使窗口的纵横比保持不变。

理想情况下,我想在调整窗口大小时通过将角拖动到保持适当纵横比的位置来限制鼠标位置。如果使用鼠标调整边的大小,则其他尺寸应同时更改。

有没有一种简单的方法可以做到这一点或任何人都知道的好的在线示例?

如果没有更好的解决方案出现,我会在稍微改进后发布我所做的。