如何在用户滚动时拉伸图像
在用户滚动时拉伸图像，通常涉及到前端开发中的响应式设计和动画效果。以下是基础概念、优势、类型、应用场景以及可能遇到的问题和解决方案：
基础概念
- 响应式设计：确保网页在不同设备和屏幕尺寸上都能良好显示。
- CSS 动画：使用 CSS 属性来创建平滑的动画效果。
- JavaScript 事件监听：通过监听用户的滚动事件来触发图像的变化。
优势
- 用户体验提升：动态的图像拉伸可以吸引用户的注意力，增强互动性。
- 视觉效果：可以根据用户的滚动行为动态调整图像，创造出独特的视觉效果。
类型
- 固定位置拉伸：图像固定在页面的某个位置，随着滚动条的移动而拉伸。
- 视口内拉伸：图像只在视口内拉伸，离开视口后恢复原状。
应用场景
- 网站首页：在首页展示动态拉伸的图像，吸引用户继续浏览。
- 产品展示页：通过动态拉伸图像展示产品的不同角度或细节。
- 广告位：利用动态效果吸引用户的注意力，提高广告的点击率。
可能遇到的问题及解决方案
问题1：图像拉伸变形
原因：图像的宽高比在拉伸过程中没有保持一致。 解决方案：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stretch Image on Scroll</title>
<style>
.image-container {
width: 100%;
overflow: hidden;
}
.stretched-image {
width: 100%;
height: auto;
transition: all 0.5s ease;
}
</style>
</head>
<body>
<div class="image-container">
<img src="your-image.jpg" alt="Stretched Image" class="stretched-image">
</div>
<script>
window.addEventListener('scroll', function() {
const img = document.querySelector('.stretched-image');
const scrollPercentage = window.scrollY / (document.body.scrollHeight - window.innerHeight);
img.style.height = `${100 + scrollPercentage * 50}%`;
});
</script>
</body>
</html>参考链接：CSS Transition
问题2：性能问题
原因：频繁的滚动事件监听可能导致页面卡顿。 解决方案：
- 使用
requestAnimationFrame来优化滚动事件的处理。 - 减少不必要的 DOM 操作。
function onScroll() {
requestAnimationFrame(function() {
const img = document.querySelector('.stretched-image');
const scrollPercentage = window.scrollY / (document.body.scrollHeight - window.innerHeight);
img.style.height = `${100 + scrollPercentage * 50}%`;
});
}
window.addEventListener('scroll', onScroll);通过以上方法，可以在用户滚动时实现图像的动态拉伸效果，并解决可能遇到的问题。
相关·内容
2回答
我想在用户滚动时拉伸图像。 Container(
child: Image.asset(
'assets/appHeader.png',
fit: BoxFit.cover,
width: size.width,
height: 170,
),
) 这个图像在页面的顶部，当用户滚动时，我想拉伸图像。这将类似于SliverAppBar中的拉伸。我对flutter还是个新手，所以我对动画了解不多。
浏览 32提问于2020-11-11得票数 0
回答已采纳
我想在我的项目中创建一个聊天气泡视图。我拉长了图像，它就是气泡。但问题发生了，如果我滚动单元格使其不可见，在单元格返回到原始位置后，图像可以拉伸，这是显示拉伸图像的唯一方法。
下图是对issue的简要描述。
storyboard中的气泡视图布局，UIImageView是拉伸图像：
滚动前：
滚动后：
最初显示气泡视图(其原始显示方法:导航栏项目段)，并调用viewWillAppear()中的stretch函数时，它显示拉伸的法线。
以下是关键代码:单元格内的初始气泡拉伸：
- (UITableViewCell *)tableView:(UITableView *)tabl
浏览 5提问于2013-09-03得票数 1
我正在尝试实现一个仅垂直的scrollview。当我实现它时，整个视图会水平拉伸，因为我的图像被设置为ScaleAspectFill
defaultImage.image = setDefaultImage
defaultImage.contentMode = .ScaleAspectFill
defaultImage.clipsToBounds = true
如何使图像视图达到屏幕的宽度，并允许滚动视图仅垂直滚动。
图像垂直滚动并拉伸整个视图
浏览 2提问于2015-02-06得票数 0
1回答
快速制造有弹性的头部
、、、、
我有一个以UICollectionView作为标题的UIView。
我希望当用户向下滚动时，标题将被拉伸，具有拉伸的标题效果。
我试过这段代码：
func scrollViewDidScroll(scrollView: UIScrollView) {
if scrollView.contentOffset.y < 0 {
self.backgroundImageView?.frame.size.height += -scrollView.contentOffset.y
self.backgroundImageView?.frame.size.wid
浏览 1提问于2016-08-19得票数 1
我是一个开发人员，但我不太了解wordpress，我刚刚继承了wordpress网站。菜单栏左上角缺少一个徽标图像：
我有图像文件，但我找不到该徽标/图像在WP内配置的位置。我已经进入菜单部分很多次了--我找到了菜单项，但是我找不到配置该图像的位置。因此，我需要知道在哪里/如何配置它，以及如何使图像大小“固定”。默认情况下，当图像存在时(在我意外删除它之前)，当用户向下滚动时，它会拉伸/展开。
我的客户端正在使用"Divi“模板，这个模板使用某种定制的布局/模板来管理和编辑页面。
Divi主题正在被使用，下面是内部主题定制的样子：
因此，总结如下：
在哪里/如何找到
浏览 6提问于2015-12-27得票数 0
回答已采纳
1回答
我是Python的新手，我编写了一个小程序。在该程序中，用户能够以弹出窗口的形式打开Toplevel窗口，该窗口将地图显示为图像文件。我已经设法给它添加了一个滚动条，并使图像可滚动。
使用滚动条的原因是为了支持不同的屏幕分辨率，这样如果显示的图像太大，用户可以滚动弹出窗口的内容。
我现在想要确保滚动条改变大小，当弹出窗口改变大小或由于缺少屏幕尺寸而不是完全拉伸。到目前为止，只要缩小窗口大小，滚动条就会消失。
下面是打开弹出窗口的函数：
浏览 15提问于2017-02-28得票数 0
回答已采纳
我有一个表，它打开了UITableViewAutomaticDimension，自动计算每个单元格的高度。自动布局打开。
该表具有自定义单元格。每个单元格都包含一个图像(UIImageView)。
第一次显示表时，屏幕上可见的图像垂直拉伸。
其余的图像都没问题(不是拉伸)。如果我向下滚动(因此第一个图像变得不可见)，然后向上滚动以再次看到它，那么图像就会变得正常(而不是拉伸)。
看起来，由于某种原因，iOS没有正确计算第一幅图像的高度。
你见过类似的东西吗？你知道怎么修吗？
我尝试对UIImageView使用不同的模式(方面匹配，方面填充)。我可以让它看起来正确。然而，细胞本身仍然是拉伸的(比
浏览 0提问于2015-11-17得票数 1
回答已采纳
1回答
我已经在我的视图控制器中创建了视差型滚动效果(或拉伸头)。
我有一个uiscrollview，它锚定在窗口边缘。在这个视图中，我有一个视图，它锚定在滚动视图的0常量约束下，并设置为相等的宽度。在这个视图中是内容。在内容的顶部是一个图像，这是锚定在窗口顶部(安全区指南)使用两个约束。首先是constant=0 priority=750。第二个是constant<=0 priority=1000。
这很管用..。当我向上滚动时，所有的东西都会向上滚动。当我从顶部向下滚动时，图像延伸，然后反弹回来。
问题：当用户滚动时，我也尝试实现导航条以隐藏。我已将此代码添加到视图控制器中：
overrid
浏览 2提问于2017-10-02得票数 1
我有一个箭头图像。我想在两个点之间拉伸这个图像。我正在从触摸位置取回点，所以它不是固定的。当用户触摸iPad时，将出现箭头图像，并且箭头图像将一直显示到触摸端appear.So，如果用户触摸A点并且它正在移动到B点，则箭头图像将被拉伸到B点，依此类推。
如何在点内拉伸图像？
浏览 1提问于2011-08-25得票数 1
我正在开发一个简单的图像查看程序。我基于ViewModel属性控制绑定上的拉伸属性。
当我根据绑定到ViewModel的“Combobox”更改拉伸属性时，当使用“UniformToFill”时，图像“切断”了宽图像的角，就会出现这个问题。因此，可以使用ScrollViewer来滚动图像内容。
问题是，ScrollViewer似乎没有出现滚动条，使我能够滚动。
WPF标记：
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Wid
浏览 5提问于2015-07-14得票数 3
回答已采纳
我在调整我的应用程序以适应新的iphone5布局时遇到了问题，我已经通过了以下操作：
增加视网膜4“飞溅图像
用“大小检查器”修改了我的故事板中的接口，以更改小部件的锚定
用iOS6“视网膜4”模拟器测试了该应用程序。
该应用程序正常工作，除非用户弹出键盘来编辑文本，对于这种特殊情况，我使用了“拉伸滚动视图”方法，这似乎与我的小部件的“自动调整大小”属性不兼容，下面是iOS6模拟器中的一个示例，没有和键盘兼容：
下面是发生的情况：
我确信这是一种连贯的行为，因为我的主要视图被拉伸了，所以其中的其他项目都是在锚定后拉伸的，事实上，我希望使用iphone5
浏览 1提问于2012-09-18得票数 0
这个CSS成功地拉伸了我的背景图像，使其充满了100%的屏幕区域，而且不是在safari上滚动，而是在iOS上滚动。如何才能防止图像在iOS上滚动？
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0;
background: url(../img/background.jpg) center repeat-x;
background-size: auto 100%;
background-attachment: fixed
}
浏览 3提问于2014-03-28得票数 1
我有一个有3个子视图的视图，这三个子视图在uiscrolview中都有uimageview。因此，图像视图可以滚动或缩放。图像非常大。
现在视图的总尺寸是480X320，但我想要捕获更大尺寸的屏幕，例如960X640。但当我尝试这样做时，图像被拉伸，像素受到干扰。
有没有一种方法可以拉伸大尺寸但以小边框显示的图像？
感谢Pankaj
浏览 0提问于2011-03-25得票数 0
回答已采纳
3回答
我目前正在使用这个小提琴来尝试确定要检查的正确属性，以保持全高背景图像-而不是使用固定定位：
我遇到了一个问题，我不确定如何可靠地解决它。如果您将图像标签的大小调整为100%高度，如果浏览器的宽度大于图像的宽度与高度的比率，则当高度较小时，图像的右侧将出现间隙。
如果将高度设置为100%，它的大小将调整为可见空间的100%，但如果向下滚动，图像不会垂直占据整个区域。
$(window).resize(function(){
// window and body are both incorrect for different reasons
bgImage.css({heig
浏览 2提问于2012-12-08得票数 1
回答已采纳
1回答
我想在列表视图上保留一个总是最顶层的画布。画布应该在窗口上拉伸，如果用户试图滚动列表视图，列表视图必须滚动，但是画布必须是最上面透明的，并且用户可以看到listview。我的XAML树如下所示：
<Grid>
<ScrollViewer>
<ListView>
</ListView>
</ScrollViewer>
<Canvas Name="DxPanel"></Canvas>
</Gri
浏览 3提问于2016-09-08得票数 0
2回答
Tap上的图像全屏
、、、、
我正在制作的应用程序的一个元素有一个ViewController，它向用户展示一个图像、缩略图和一些细节。我想要做的是，当用户点击图像时，它会全屏显示到原来的大小(不管是肖像还是景观)。当用户再次点击时，它会将图像降到最低，降到缩略图。
我目前有自来水功能工作，所以它充分屏幕上的龙头，然后最小化再次点击，但它有一些问题。
它似乎拉伸了图像太多，如果它是一个景观图像，它将只是拉伸它的肖像无论如何。此外，缩略图是在一个UIScrollView，所以当它放大图像，有时，它没有对它的中心，你仍然可以滚动，当它的全部屏幕。请给我一些帮助/建议，我被困在该做什么上了。如果有任何帮助的话，我想让它类似于Tw
浏览 3提问于2014-03-22得票数 3
回答已采纳
我想要的背景图像拉伸整个屏幕。我只是创建了一个VerticalFieldManager并修改了paint方法。
verticalFieldManager = new VerticalFieldManager(VerticalFieldManager.USE_ALL_WIDTH
| VerticalFieldManager.NO_HORIZONTAL_SCROLLBAR) {
public void paint(Graphics graphics) {
graphics
浏览 1提问于2011-04-21得票数 0
回答已采纳
我正在使用线圈加载一个远程图像在Jetpack撰写，但我面临一个奇怪的问题。
下面是我正在使用的代码：
Column() {
Image(
painter = rememberImagePainter(
data = recipe.featuredImage,
builder = {
crossfade(true)
placeholder(R.drawable.
浏览 3提问于2021-12-17得票数 0
回答已采纳
2回答
我想在浏览器页面中显示一个图像，并对其进行拉伸，使其充满整个浏览器页面。
我试过了：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.jpg" Width="100%" Height="100%"></asp:Image>
并尝试使用css：
<asp:Image ID="myimage" runat="server" ImageUrl="/Images/mypic.j
浏览 0提问于2011-11-05得票数 0
回答已采纳
我有一个绝对定位的标题与背景图像。我希望两个div(也与背景图像)“拉伸”从我的标题到用户浏览器的左右边缘，而不需要滚动条。我怎么能这样做呢？谢谢!
浏览 1提问于2011-04-03得票数 0
1回答
我从Mobac工具下载了瓷砖，源代码是Openstreet mapQuest。
考虑到我们可能不会在较高的缩放级别上为所有位置设置瓷砖，当我们滚动时，缺少瓷砖的区域将导致空网格或低缩放级别瓷砖的拉伸图像。
如何将滚动限制在给定的边框和缩放级别上？
浏览 1提问于2015-04-21得票数 3
回答已采纳
1回答
我已经尝试了很多方法来在网站上创建一个工作良好的背景图像，但是我还没有找到一个不会造成某种问题的版本。
这就是我要找的：
当图像为1920x1080时，图像是完美的，适合预期的屏幕。
当用户缩小浏览器时，图像保持不变。当用户放大时，图像按其应有的方式放大(随网站缩放)。当用户缩小窗口时，图像保持居中，并左右缩小以保持图像的中心。当用户缩小浏览器并调整大小时，图像保持居中，左右收缩，图像不会缩小。
以下是我尝试过的内容，以及我发现的问题：
方法1
html {
background: url(images/bg.jpg) no-repeat center center fixed;
浏览 1提问于2014-07-24得票数 2
我想使背景图像拉伸和适应垂直100%和水平100%浏览器窗口。总是固定的。同样，当用户向下滚动或向上滚动时。背景图像应该填满整个窗口。当浏览器窗口被调整大小时，背景图像应该伸展和停留。
在尝试了这么多不成功的变体之后，我到目前为止拥有的是：
我的css代码：
body, html {
width: 100%;
height: 100%;
margin: 0;
background: url(https://i-cdn.phonearena.com/images/article/125256-two_lead/Android-11-R-Preview-A-quality-of-life
浏览 3提问于2020-06-14得票数 0
回答已采纳
1回答
我正在子类一个UITableViewCell，在drawRect:方法中，我想画一个可伸缩的图像，但是我已经体验到这对滚动性能有很大的影响。
有谁知道我如何使用一个可伸缩的图像，但仍然有一个良好的滚动性能？或者，我可以画五张图片，然后画出来。每个角落都有一个和一个中间的图像将被拉伸。这看起来太麻烦了，我还以为这就是可伸展图像的作用呢。
编辑：，如果我要分割图像并自己拉伸，当然应该是9张图像，而不是4张。每个角落一个，上中间一个，下中间一个，左中间一个，右中间一个，中间一个。
浏览 4提问于2012-01-22得票数 2
回答已采纳
在Twitter iPhone应用程序的个人资料屏幕上，当你向下滚动时，UISegmentedControl会停留在屏幕顶部。我是wondering...how，他们这么做了吗？我也想知道当你拉的时候他们是如何拉伸图像的，以及你的名字是如何移动到导航栏中的，但我认为这些可能属于单独的问题。
浏览 0提问于2015-07-28得票数 0
我找了又找，就是找不到答案。
我想要做的是获取一个图像(png)，并让它拉伸以完全填充背景，而不管窗口的大小。
我找不到在不裁剪或需要滚动条的情况下拉伸和/或压缩图像以填充背景的css代码。
浏览 0提问于2018-08-03得票数 2
我想要这种行为：
在ScrollViewer中有一个可视项(例如网格)
此项具有一个MinimunWidth，而滚动查看器启用了水平滚动条。
我希望将项目的宽度(容器的宽度)拉伸，但当该项目获得最小宽度时，将显示水平滚动条，然后当容器给出的宽度大于项目的最小宽度时，项目将再次拉伸。
实际行为：
这里的问题是，当显示水平滚动条时，可视项不再拉伸，并且不管容器大小如何，它都保持在相同的宽度。拜托，有人知道怎么改变这种行为吗？
浏览 1提问于2013-01-24得票数 1
回答已采纳
2回答
我试图在不拉伸图像的情况下减小缩略图的高度。尽管我是用React写的代码，但我知道它是纯CSS的。 例如，我使用了一个来自维基百科的示例屏幕截图，它的高度太大，不适合“在缩略图中”，所以我需要减小它，这样当悬停事件被触发时，JavaScript库可以自动滚动它(但这是未来的步骤)。 下图是缩略图的外观： ? 相反，它会显示整个图像，如下所示： .image {
width: 200px;
}
.image-link {
height: 400px;
overflow: hidden;
} <a class="image-link" href=&
浏览 14提问于2021-07-23得票数 1
回答已采纳
我有一个图像，我将其缩放到手机/平板电脑的宽度。它是224x1632。图像视图在滚动视图中，我需要能够在该图像上上下滚动。
问题是，在创建时，滚动视图根据图像大小(长度为1632)进行设置，但当图像缩放/拉伸时，它比原始图像高3倍。现在滚动视图太小，无法滚动整个图像。
有没有办法让scrollview适合图像？
注意:每个手机的图像长度都不同，所以我不能将其设置为预定的大小。
XML代码：
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layou
浏览 0提问于2012-07-28得票数 2
HTML
<div class="modalPage"style="display:none;"></div>
CSS：
.modalPage{
position:absolute;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
z-index:100;
top:0px;
}
JS：
$(".
浏览 0提问于2012-10-02得票数 2
回答已采纳
1回答
我正在创建一个iOS绘图应用程序，它允许用户在页面上放置箭头，并对它们进行定位/拉伸/旋转。当用户保存图像时，我必须使用png箭头在它们被拖动到的确切坐标处修改背景图像。
这3个可拖动的部分将是带有CapInsets的UIImage，以使箭头在拉伸时看起来正常。画布UIImageView将具有与实际图像相同的宽高比，以确保没有可见的黑色空间。
我的问题是。拉伸可拖动部件后，如何将UIImageView (较小的可拖动部件)的结果保存到磁盘/内存中，以便稍后修改背景图像(背景UIImageView画布)。确保我用来修改画布的图像与表示它的UIImageView可拖动部分完全相同，这一点
浏览 3提问于2013-06-14得票数 0
回答已采纳
我已经在storyboard中的tableView上添加了一个UIImageView &它工作得非常好，除了当您向下滚动时，imageView不会粘在navigationBar上，而是只粘在tableView上(在它上面显示视图的背景)。
我如何让它同时适用于tableView和navigationBar，并在用户拉下imageView时只进行tableView的拉伸/缩放？
这是它在故事板中的设置方式：
这就是我在ViewDidLoad:中为其分配图像的方式
childHeaderView.image = [UIImage imageNamed:headerImage];
任何
浏览 0提问于2013-06-12得票数 0
回答已采纳
2回答
让我解释一下。我有一个带有类div的overflow标记。为了有滚动，.overflow有overflow: auto。这个div有几个带有文本的p标记。现在我想要的是拉伸效应，。拉伸的意思是，正如您在浏览器(如google chrome and safari on Mac )中所看到的，当用户滚动页面和滚动结束时，该页面会伸展一点，这告诉用户它没有任何内容，因此不能滚动。所以我想给上面的div标签加上拉伸的效果。如何添加CSS、HTMl、JavaScript和/或jQuery?
这是我的
这是我的密码。
HTML
<div class="overflow">
浏览 1提问于2013-12-08得票数 0
我对Appbar有这些要求，但我找不到解决它们的方法。
当拉伸时，AppBar必须显示的两个图像--一个在另一个之上，而标题必须隐藏。当关闭时，AppBar必须显示标题和<code>E 110</code>当滚动并移动到标题的两边时，必须缩小两个图像并移动到<code>E 211</code>。当滚动时，标题变得可见。
我创建了几个模型来帮助实现所需的结果。
这就是伸展时的Appbar：
这是关闭时的Appbar：
浏览 5提问于2021-03-26得票数 7
回答已采纳
1回答
我有一个一页的网站，我已经添加了一些大的背景图片设置在他们的部分。我想让它们有一个“固定”的效果，这样当用户滚动时，它们就不会移动。所以我使用了background-size: cover;和background-attachment: fixed。这就完成了工作。然而，问题是Chrome的速度非常慢，我认为chrome不会缓存图像或其他东西。你可以在这里测试它：
它不像其他浏览器那样流畅。因此，我尝试使用图像(在本例中使用$.backstretch)。使用这种方法，滚动延迟是固定的，滚动非常流畅，但它没有我想要的“固定”效果。所以我想我应该使用视差效果。但我尝试过的视差插件或方法都不能很好
浏览 5提问于2012-12-13得票数 2
更新
我发现，在我的许多重构中，我继承的是UIViewController而不是UITableViewController，因此我忽略了UITableViewController提供的一些自动行为。但是，当键盘被交互解除时，我仍然需要手动处理滚动视图内嵌。请看我最新的答案。
当用户将键盘拖到屏幕底部时，我试图模仿iMessage。我有一个小小的视觉问题困扰着我。
当键盘从屏幕上拖出时，滚动指示器不能正确调整大小--也就是说，直到它被完全取消。
我使用键盘通知来告诉我何时键盘似乎增加了内容，并滚动键盘的高度。似乎我不需要做任何事情时，键盘已被解雇，因为嵌入式似乎是正确的，当它是。但是，当以交互
浏览 3提问于2015-04-11得票数 8
回答已采纳
1回答
我有个特殊的问题。我有一个用户控件。我正在为Windows8.1制作一个应用程序，在那里我会从我的图片库中选择一张图片。该图像将在我的应用程序开放与拉伸是均匀的，水平和垂直对中。
我的用户控件将出现在我点击图像的地方。现在的问题是，当图像拉伸为零时，我能够放大正确的区域(围绕我的点击)，但现在，当我将拉伸设置为Uniform，并将水平和垂直对齐设置为中心时，我将在用户控件中获取其他像素信息。
我想知道如何修复it.Any如何，图像可以是2*全高清也可以，他们可以是高清甚至更少。其次，我想知道图像的边界。有了边界，我想说，我的用户控件不应该超出图像的边界。如何实现这一点。如果需要我的代码，我会粘
浏览 5提问于2015-03-06得票数 0
回答已采纳
1回答
我有一个有2个嵌套路由器插座的angular 5应用程序，我想添加一个覆盖整个页面的背景图像。因此，如果用户开始滚动，内容应该滚动，但背景图像应该始终充满整个背景，并且根本不移动(并且不改变大小或拉伸)，无论导航到多深的嵌套路由器出口。
另外，我想根据屏幕的大小来改变图片。(@桌面，@移动)
所以我得到了：
<style>
body, html {
height: 100%;
}
.bg {
background-image: url("backgroundImage.png");
height: 100%;
浏览 12提问于2018-03-01得票数 2
1回答
在SVG中弯曲图像
、、、
在我的SVG应用程序中，我有用户可以扩展的图像。我想给用户提供控制，这样他们也可以从边缘弯曲它们。
这是一个用户可以做什么的可视化示例。
我很乐意听到关于如何做到这一点的建议。
一种可能的想法是，我将图像放入路径中&添加用于拉伸路径边缘的控件。然而，我想知道如何在路径中拉伸图像，使其占用整个可用空间。
浏览 4提问于2013-08-12得票数 1
1回答
如何保存拉伸后的图像？
我有一个小的(50X50)图像，我在UIImageView上显示它时拉伸了它(通过选择scaletofit模式)。现在，我需要获取并保存拉伸后的图像。我试过使用UIImageView的image属性，但它给我的是原始图像，而不是拉伸的图像。
那么，你知道如何解决这个问题吗？如果是这样，请帮助我或引导我，或者至少给我一个提示。
希望得到您的答复......
谢谢
浏览 3提问于2010-01-08得票数 0
我有一个基本的html表格，其中包含的单元格将滚动，如果他们不能全部放在分配的空间。我想让用户能够通过抓取和拉伸表格的底部垂直拉伸表格。我如何才能做到这一点呢？
浏览 0提问于2012-05-16得票数 0
1回答
我有一个简单的UIImageView谁的框架是动态缩放的用户在屏幕上拖动。这会导致图像在屏幕上拉伸/压缩，这正是我想要的。
现在，我想要保存所有拉伸/挤压的大小调整图像，但如果我只是保存视图中的图像，我会得到未更改的图像。
如何持久化框架调整并生成新图像？
_mike
浏览 2提问于2013-11-11得票数 0
当我使用图像设置图像时它会拉伸，我的图像那么大为什么它拉伸，当我使用xy拟合它也拉伸时，如何解决这个问题
浏览 1提问于2014-09-22得票数 1
我对RecyclerView有意见。我想在滚动recyclerView时在屏幕上更改小部件的位置
onScrolled(RecyclerView recyclerView, int dx, int dy)
方法。
在此方法中，我通过更改LayoutParams更改了另一个小部件位置。但当我慢慢地滚动时，我会感到发抖。
RecyclerView有match_parent高度，当我改变另一个视图的位置时，谁腾出空间来拉伸RecyclerView。
如何解决RecyclerView拉伸时的抖动？
浏览 21提问于2016-07-19得票数 0
回答已采纳
我正在下载一组图像，并将它们并排显示在可水平滚动的UiScrollView中。
在安卓系统上，我有一个LinearLayout在一个ScrollView中，有一个合适的重力集。当图像被下载时，它们将被添加到布局中，并以正确的比例适当地显示它们，拉伸父视图以适应它们。
在iOS上，我过得很艰难。我使用一个来加载图像，这很好。问题是，我必须先初始化每个视图的界限，然后我才知道它们将是什么。
for(NSString* url in self.imageURLs){
AsyncImageView *iView = [[AsyncImageView alloc] initWithFrame:s
浏览 3提问于2013-08-06得票数 0
回答已采纳
1回答
我使用一个图像作为背景，在layout .Data上显示一个列表视图( names ) are from web call，显示列表中的名称view.Any number of names(1到n)可以响应web call.Currently图像，覆盖整个屏幕(高度)。
我想要的是，如果只有一个名字是在回应，背景图像的高度应该只覆盖一个名字，如果两个名字来了，大小应该拉伸显示2个名字&在.Once上，图像的高度达到屏幕的高度，那么图像不应该拉伸更多的列表现在将是可滚动的。
任何帮助都将不胜感激。
浏览 3提问于2013-07-16得票数 0
1回答
我正在尝试获得类似的背景效果，这是在这个网站上的：
通过查看，该网站的背景是黑色的，但有一个水平拉伸的背景图像，仍然在页面的顶部。向下滚动页面时，图像将保留在顶部，但会与背景颜色混合。
我尝试制作一个类似于示例中的图像，并使用background-size:cover，但当我向下滚动时，图像保持静态，只有内容滚动。如果这有任何意义的话！
通过查看示例，有人可以解释一下需要什么CSS才能实现这一点吗？另外，图像的大小应该是多少( PS)，才能在不损失质量的情况下在较大的浏览器中伸展？
我试着查看网站的CSS文件，看看发生了什么，但这一切都在一行上，很难解决。
我会添加一个网站的链接，以
浏览 0提问于2013-03-27得票数 1
回答已采纳
1回答
已加载视频海报上的事件
、、、
我发现了一个问题。
我有一个模式对话框中的视频元素，与海报图像设置。在我打开一个模式后，海报没有完全加载，所以对话框不会比屏幕大，所以模式是不可滚动的。海报图像加载后，模式将拉伸，但它不会触发事件，如果模式应该是可滚动的重新计数。
我想了想视频海报上的一些活动，但没有找到这样的东西。你将如何解决这个问题？
谢谢。
浏览 0提问于2015-11-19得票数 3
当用户在iPad上更改方向时，我坚持使用调整图像大小。
我想调整图像的横向(纵横比)，并向下移动所有行(视图)下的图像。
现在当旋转屏幕时，图像是非常拉伸的。
如何在旋转屏幕时做负责任的设计？
抱歉，我是新手，我是Xcode的新手。
谢谢。
浏览 0提问于2017-09-21得票数 0
我通过jquery将背景图像加载到DiV中，偶尔会弹出一个模式，它会拉伸屏幕高度，以便您必须滚动。
我想让我的bg图像与视图一起滚动，但问题是height:100%显然意味着100%的原始高度。div不能与屏幕的其余部分一起拉伸。
为什么会这样呢？下面是我的代码：
#bgDiv {
display: none;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-attachment:
浏览 2提问于2013-01-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
