问题标签 [stretch]

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 投票
4 回答
4225 浏览

css - 带有 CSS 背景图像的内联可拉伸按钮

任何人都知道是否有一种防弹(符合 XHTML1.1 严格标准、跨浏览器、非 JavaScript)的方法来使用 CSS 和背景图像将内联 链接变成一个可视按钮,该按钮可以拉伸以适应不同数量的文本(或文本大小调整)?

我想我需要使用背景图像,因为设计师的按钮有圆角和不同颜色的边框。它必须在IE6(政府工作)中工作。

我很确定答案是否定的,但一如既往地认为它值得一试。

除其他事项外,我已经尝试过滑动门技术的变体,但无法使其工作,因为解决方案需要内联(即在一个段落内)工作并且我无法设置固定宽度。

编辑:有几个按钮,每个按钮都有不同的前景、边框和背景颜色。它们也有渐变的“面”,但不需要透明度或其他任何“非正统”的东西。不幸的是,我无法链接到示例,因为我处于 NDA 之下。

0 投票
1 回答
4859 浏览

c# - 将坐标从图像控件转换为 WPF 中的图像源

我正在尝试学习 WPF,所以这是一个简单的问题,我希望:

我有一个包含 Image 元素的窗口,该元素绑定到具有用户可配置Stretch属性的单独数据对象

当用户将鼠标移到图像上时,我想确定鼠标相对于原始图像的坐标(在控件中显示时发生拉伸/裁剪之前),然后对这些坐标进行操作(更新图像)。

我知道我可以通过 Image 控件向 MouseMove 事件添加事件处理程序,但我不确定如何最好地转换坐标:

现在我知道我可以比较控件的大小,然后打开Source以计算 X 和 Y 上的标量和偏移量,然后自己进行转换。但是 WPF 已经拥有所有信息,这似乎是 WPF 库中内置的功能。所以我想知道:是否有一个简短而甜蜜的解决方案?还是我需要自己写这个?ActualSizeimageCtrl.Stretch


编辑我正在附加我当前的,不是那么短而甜蜜的解决方案。它还不错,但是如果 WPF 没有自动提供此功能,我会感到有些惊讶:

0 投票
2 回答
3294 浏览

c# - C# WPF 拉伸/缩放窗口与大小成比例

我知道FontStretch属性,但不确定如何使用它。

我想要的是创建一个分辨率为 200x400 的窗口。然后,当用户将其拉伸到 400x800(或其他)时,我只想将整个窗口拉伸/放大(在给定的场景中,所有内容都会增加一倍),而不仅仅是四处移动。如果它也适用于图像,那就太好了,但只要获得字体和一般对象大小就可以了。

是否有提供此功能的内置函数或 3rd 方库?

0 投票
2 回答
11959 浏览

wpf - WPF折线相对点值和拉伸以绘制图形

我正在尝试创建一个非常简单的图形组件,它由代表图形线的同一网格单元内的一系列折线组成。我的策略是查看我的集合中的所有点,确定最小值和最大值,然后相应地计算 0 到 1 之间的数字,并使用 Stretch="Fill" 拉伸每条折线以填充网格单元格。我想要的效果是 0,.5 处的点将垂直位于单元格的中心,但实际上折线会垂直拉伸以填充整个单元格,具体取决于最小和最大 Y 值。例如,如果在折线中 0.5 是我的最大值,0.7 是我的最小值,那么 0.5 将在单元格顶部清晰,0.7 在底部清晰,而不是 0.5 在中心和 0.7 7/10至底部。

这是一个简单的示例,其中包含两条折线,计算点介于 0 和 1 之间。您会注意到红色折线直接位于蓝色折线的顶部,即使红色的 Y 值更大。红色折线应与蓝色折线看起来相同,但在单元格中的方向略低。然而,它被拉伸以填充整个单元格,因此它直接位于蓝色之上。

我使用 0 到 1 值的原因是因为我希望网格单元的宽度和高度易于更改,例如通过滑块或其他东西来调整图形的高度,或者将窗口拖得更宽以调整宽度. 所以我尝试使用这种拉伸策略来实现这一点,而不是计算没有拉伸的像素值。

关于如何实现这一目标的任何建议?

谢谢。

0 投票
1 回答
562 浏览

iphone - 使用opengl,如何组合背景图像和较小的扭曲纹理?

我正在尝试在 iphone 上制作图像拉伸效果。我制作了一个顶点数组并在背景图像的任意半径内移动每个索引的纹理数据。然后进行以下调用以显示:

我的问题是被拉伸区域的边缘看起来非常不稳定,网格尺寸相对较小,例如 32x32 甚至 64x64。任何更大的都会使它更平滑,但速度要慢得多。

所以我尝试添加背景图像的副本,并将顶点数组限制为仅受影响的索引。我使用更小的网格尺寸,但用于更小的区域。上面的绘图代码现在看起来像:

显示受影响的区域,但背景图像似乎闪烁并消失,我的拉伸区域漂浮在黑色背景上。显然,我的背景首先呈现,然后我上面的代码覆盖并仅呈现我的顶点数组中的数据。

有没有人对如何有效地组合图像的绘图有建议?

我计划为背景制作第二个简单的顶点数组,并在我的 if 语句之前调用 glDrawArray,以便所有绘图都在一个方法中完成。这是解决这个问题的正确方法吗?有没有更好的办法?是否应该以某种方式将所有图像数据组合成 1 个简单的顶点数组?

0 投票
1 回答
4266 浏览

wpf - WPF对齐拉伸

有人可以帮助我了解 WPF 拉伸对齐方式。我经常遇到我想要一个控件来填充一个区域但我不明白我应该把 VerticalAlignment="Stretch" 放在什么级别的问题。特别是当涉及用户控件时。

我总是通过尝试不同的事情或在各个层面上进行拉伸来解决问题,但我想了解如何正确地做到这一点。

让我们以我现在得到的例子为例:

  • 我有一个带有固定大小单元格的网格(可以使用 GridSplitter 调整大小)
  • 在这个单元格中,我有一个包含 StackPanel 和 TabControl 的 UserControl
  • 在 TabControl 我有 TabItems 包含另一个带有 ListView 的 UserControl

或者在某种伪 XAML 中

现在我希望 ListView 填充整个网格单元(当然不包括 TabControl 和边距)。

0 投票
2 回答
842 浏览

cell - 表格单元格拉伸

我的表格中有两列宽度相等(50%、50%)。我在其中显示搜索结果 URL。对于大 url,列会拉伸并破坏布局。

对这个问题有什么建议吗?

0 投票
3 回答
4225 浏览

css - CSS:向右浮动 div 导致容器 div 在 IE 中拉伸整个屏幕宽度

我在这里看到了一个类似的问题,但没有看到答案。我遇到了一个问题,即元素在父 div 内向右浮动,这导致 div 在 IE7 中拉伸页面的整个宽度。这在任何其他浏览器(Firefox 和 Chrome)中都不会发生。提问后我也发了图片,供参考。我正在使用的 HTML 如下:

我用于这些标签的 CSS 也在下面。我注意到上面提到的其他人的问题和我的问题之间一致的一件事是,两个父 div 都应用了定位(上面的人有绝对的,我已经修复了)。

请注意,“动作”类是向右浮动的。如果我拿走那个漂浮物,我的盒子看起来像这样。但是添加浮动后,它会拉伸整个屏幕,看起来像这样。这是一个已知的 IE 错误吗,因为它没有在任何其他浏览器中发生,它让我发疯。

对于那些想知道的人,我确实在“操作” div 中有内容,但已经剥离了所有问题的根源。

任何帮助将不胜感激。非常感谢。

0 投票
4 回答
18905 浏览

iphone - iPhone 图像拉伸(倾斜)

如何倾斜图像?例如,每个角都有一个坐标为 p1、p2、p3、p4 的 CGPoint。然后,我需要设置-p4.x+=50,p4.y+=30。所以这个角 (p4) 应该在 2D 透视图中被拉伸并且图像应该被扭曲。

替代文字
(来源:polar-b.com

我尝试使用CATransform3D,但似乎不能以这种方式完成,因为它只是改变视角(旋转,使一侧更近/更远)。也许CGAffineTransform可能有用?

如果你知道答案,请写一个示例代码。

提前致谢

0 投票
1 回答
628 浏览

wpf - WPF:如何实现拉伸变换?

我正在尝试实现一种效果,该效果将沿着一条线从其中心点拉伸多边形到鼠标位置。我已经尝试了各种方法,SkewTransform以及这两个点之间的平面角度,但这并没有给我我想要的东西。

我有点假设我必须走这MatrixTransform条路,但我的线性代数已经很生疏了。