标签: aspect-ratio

我正在尝试在多页tiff文件上执行条形码识别.但是tiff文件是从传真服务器(我无法控制)来找我的,它以非方形像素长宽比保存tiff.这导致图像由于纵横比而被严重压扁.我需要将tiff转换为正方形像素宽高比,但不知道如何在C#中执行此操作.我还需要拉伸图像,以便改变宽高比仍然使图像清晰可辨.

有没有人用C#做过这个？或者有没有人使用过将执行此类程序的图像库？

我有一个 UserControl 并且必须使用纵横比调整 UserControl 的大小。这意味着：宽:高 = 2:1。目前我正在使用此代码：

    protected override Size ArrangeOverride(Size arrangeBounds)
    {
        if (ActualWidth == 0 || ActualHeight == 0) return arrangeBounds;
        base.ArrangeOverride(arrangeBounds);
        double ratio = 2;

        if (Parent != null)
        {
            var size = new Size(arrangeBounds.Height * ratio, arrangeBounds.Height);

            double containerWidth = ((FrameworkElement)Parent).ActualWidth;
            if (containerWidth < size.Width)
            {
                double newHeight = arrangeBounds.Height * (containerWidth / size.Width);
                canvas.Width = newHeight * ratio;
                canvas.Height = newHeight;
            }
            else
            {
                canvas.Width = size.Height * ratio;
                canvas.Height = size.Height;
            }
        }

        return …

这是我第一次尝试的方式:

$('#thumbnail').imgAreaSelect({ 
    x1: 5,
    y1: 5,
    x2: $('#thumbnail').width(),
    y2: $('#thumbnail').width()*0.66,
    aspectRatio: '1:0.66'
});

但是一些裁剪的图像不会溢出......

这似乎是我试过的大多数图像分辨率的预选...

var thwidth = $('#thumbnail').width();
var thheight = $('#thumbnail').height();
aspectRatio = 0.66;

$('#thumbnail').imgAreaSelect({ 
    x1: 5,
    y1: 5,
    x2: thwidth - 80,
    y2: (thwidth - 80) * aspectRatio,
    aspectRatio: '1:0.66'
});

但它不会选择最大可能; 加上它对我来说有点脏......

如何选择与宽高比相关的最大(如果可能的话)中心宽度坐标？(在这种情况下:1:0.66)

默认情况下，stretch-to-fill处于打开状态。所以

pixels = ones(100,100)
image(pixels);
colormap([0 0 0; 1 1 1]);

产生

强制轴具有相同的比例，这

pixels = ones(100,100)
image(pixels);
colormap([0 0 0; 1 1 1]);
axis equal;

产生

显然，stretch-to-fill被 覆盖axis equal。怎样做才能让它们共存？

根据Camera.Parameters#getPreferredSizeForVideoPreview文档:

我们建议您选择与要录制的视频分辨率具有相同宽高比的预览尺寸

我发现,在某些设备(Galaxy S3)上,选择具有不同宽高比的视频录制尺寸确实会导致录制视频(绿色/紫色视频)的问题.

当我遵循文档的建议并坚持相同的宽高比时,它大部分都有效,但在某些设备(Nexus S/Android 4.0.4)上,调用MediaRecorder.start()失败并显示以下消息:

E/MediaRecorder? start failed: -19

在其他设备(HTCEVOV4G/Android 4.0.3)上调用MediaRecorder.stop失败并显示以下消息:

E/MediaRecorder? stop failed: -1007

但是,我确实发现,如果我MediaRecorder#setVideoSize使用与相机预览尺寸完全相同的尺寸进行调用,则视频录制将起作用.

嗨，我想在我的系统中使用 fengyuanchen /cropper JS (Crop Avatar)。但我无法更改每页的纵横比。因为长宽比在 jquery 的 main.js 文件中。

所以我想在 index.html 中确定长宽比

这是代码

main.js（PS：纵横比在第 201 行。）

(function (factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD. Register as anonymous module.
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    // Node / CommonJS
    factory(require('jquery'));
  } else {
    // Browser globals.
    factory(jQuery);
  }
})(function ($) {

  'use strict';

  var console = window.console || { log: function () {} };

  function CropAvatar($element) {
    this.$container = $element;

    this.$avatarView …

我有4个视图,我希望它们占据40%,15%,15%,20%,我希望其中2%的空间和2%的空间到顶部和底部布局.

我对使用什么约束和如何使用感到困惑？

喜欢宽高比可以用于此吗？

如果我可以在px中设置它,我可以很容易地做到,但它在那里的感知变得棘手

是否有可能如果我在px中设置它将根据屏幕大小转换为百分比

问候,

亚太邮联

我有一个箭头 SVG，设置如下：

<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 100 100" class="arrow">
  <g class="tail">
    <circle (...)></circle>
  </g>
  <g class="body">
    <rect (...)></rect>
  </g>
  <g class="head">
    <polygon (...)>
  </g>
</svg>

我想对其进行设置，以便在通过 CSS 调整其大小时，无论其大小如何，

• 将以tail相同的比例保留在左侧，
• 将head留在右侧，也具有相同的比例，并且
• 将body无限期地水平拉伸。

我可以这样做吗？我怎样才能做到这一点？

也许是一个愚蠢的问题，但在android中如何在xml（值文件夹中的dimens.xml）中设置宽高比以根据设备设置不同的宽高比

我试过 ：

布局.xml

app:layout_constraintDimensionRatio="@dimen/common_image_aspect_ratio"

值/dimens.xml

<dimen name="common_image_aspect_ratio">3:2</dimen>

但它似乎不起作用。

任何帮助将不胜感激，谢谢:)

我对此感兴趣,因为当您在Google+上的"灯箱"图片上调整浏览器大小时,会注意到图片的缩放比例:https://plus.google.com/.

下面是一个jsfiddle,当你调整浏览器宽度时,只调整图像宽度和宽高比丢失:http: //jsfiddle.net/trpeters1/mFPTq/1/

有人可以帮我弄清楚这个图像保留纵横比的CSS会是什么样子吗？

如果你不想查看jsfiddle,这里是HTML:

<div id="imgWrapper" >
  <div id="titleContainer">title container
  </div>
  <div id="imgContainer"  >    
        <img id="mainImg" src="https://lh4.googleusercontent.com/-f8HrfLSF2v4/T609OOWkQvI/AAAAAAAAGjA/waTIdP4VkMI/s371/impact_of_early_exposure_to_D%26D.jpg">    
  </div>
</div>?

这是CSS:

 #imgWrapper{
  background:gray;
  width:80%;
  height:80%;
  border-radius:5px;
  border:1px solid gray;
 }
 #imgContainer{
   width:100%;
   height:100%;    
 }
#titleContainer{
  background:yellow;
  border-radius:5px;
  border:1px solid gray;
}
#mainImg{
  width:100%;
  height:61.8%;    
}?