js 图片拉伸算法 - 腾讯云开发者社区

文章/答案/技术大牛

发布

10回答

如何将显示的图像“智能调整”为原始纵横比

algorithm、image、image-processing、aspect-ratio

由于规范要求将图像“拉伸”到包含控件，最终用户可能会得到一个笨拙的拉伸图像。这是可以的，但

浏览 0提问于2010-06-10得票数 15

回答已采纳

2回答

拉伸图像以适合任何四边形

image-processing、canvas、image-manipulation、stretch、html5-canvas

应用程序有一个拉伸图像部分的选项。您选择一个矩形形状，然后您可以抓取顶点并将其移动到其他地方，以创建任何四边形。您选择的图像部分将沿该部分拉伸。希望这些图片能让我的观点更清晰一些：有没有一个通用的算法可以处理这个问题？我希望在HTML5画布上获得相同的效果-给定图像和生成的角点，我希望能够绘制拉伸图像，使其整齐地填充新的四边形。不久前，我问，解决方案是将图像分成三角形，然后拉伸每个三角形，使每三个点对应于原始图像上的三个点。这项技术被证明是相当明显的，我想如果有更通

浏览 2提问于2011-08-22得票数 3

回答已采纳

1回答

从当前方向旋转网页浏览器正在拉伸(缩放)网页浏览器内容Windows

c#、windows-phone-8、windows-phone、browser、windows-phone-8.1

this.webbrowser.RenderTransform = transform;webbrowser.Height = pageWidth; 网页浏览器是旋转的，但内容看起来像放大或拉伸

浏览 4提问于2014-12-09得票数 2

2回答

失真图像中的网格跟踪

image-processing

我有两张图片，除了其中一张略微失真(例如，图片在中间被拉伸)外，其他都是一样的。下图是此问题的示例。失真图像：谢谢!

浏览 4提问于2017-09-21得票数 0

2回答

Google Chrome 28.0全屏API -不支持CSS 'width:100%‘

javascript、jquery、html、google-chrome

在Google Chrome27.0之前，我们能够在页面上显示640x480的图像(来自IP摄像头)，并且能够使用JS full screen API通过element.requestFullScreen通过在CSS中设置“height: 100%；width: auto；”，图像可以拉伸到适合99%的屏幕。这适用于Google Chrome (28.0之前的版本)和Mozilla Firefox。因此，如果图像的高度是480像素，它不会拉伸到更大的高度。它只是将图像放在黑色背景的中心。因此，我们正在努力想出一个解决方案。我们可以通过“h

浏览 1提问于2013-07-24得票数 0

1回答

使用BackStretch.js自动拉伸现有背景图像？

jquery、css、performance、background-image

我在一个页面上已经有了一些背景图片(很多...我宁愿避免重写一大堆代码)，我需要跨浏览器填充它们(拉伸)。可以做到这一点，但它似乎需要手动完成。

浏览 3提问于2013-06-14得票数 0

2回答

使用石英进行形状变换(iOS)

ios、objective-c、image-manipulation、quartz-graphics

这些形状可以是任意形状，比如椭圆或立方体，也可以是在平面上绘制的一些图片。我不能使用形状的几何属性(例如，更改椭圆的半径)，因为我必须能够对任意形状(如图片)执行此操作。我在图像处理算法方面没有太多经验，有人能给我一些从哪里开始的提示吗？最终，最好的实践是好的，甚至是好的算法？我正在为iOS平台进行开发。

浏览 1提问于2011-07-07得票数 3

1回答

根据背景大小拉伸容器高度

javascript、html、css、responsive-design、background

只需阅读说明即可)所以我想要实现的是让svg背景根据蓝色容器的宽度拉伸，并保持它的比例。此外，我希望第二个容器根据它的背景改变高度，这样整个svg图片将始终可见。仅用css就可以实现吗？如果没有，那么我如何使用js来创建它呢？我无法更改现有的htm

浏览 3提问于2015-12-04得票数 0

1回答

如何在NEXT.JS中将图像分层到组件下面

javascript、reactjs、next.js、jsx

我喜欢他的肚脐和连接组件层在他的图片之上，他的图片是一个固定的长度和大小的窗口大小调整图片只是一点点基于分层组件，但也保持了纵横比正确和未拉伸。我的第一个问题是我正在使用NEXT.JS图像组件，我想不出如何使它在保持固定大小的情况下复制不拉伸的行为。

浏览 2提问于2022-07-26得票数 1

回答已采纳

2回答

2个背景拉伸1个背景

css

有没有办法拉伸1个背景。如果你设置了2？background-repeat: repeat, repeat;不是拉伸第一张图片，而是第二张图片(2.jpg)图像需要100%拉伸

浏览 0提问于2013-09-23得票数 0

1回答

图像不适合屏幕

android、imageview

链接到图片，我还不能发布图片：任何帮助都将不胜感激。

浏览 0提问于2010-03-25得票数 1

回答已采纳

1回答

在颤动中显示文本旁边的图像

flutter、flutter-layout

如何在我的flutter应用程序中创建文本旁边的图片代码，如下图所示：image beside text

浏览 17提问于2019-03-23得票数 0

回答已采纳

1回答

加载3D Niftii图像并保存轴位、冠位、矢状位的所有切片？

python、tensorflow、numpy-ndarray、mri、nibabel

我尝试过的： -Use med2image python库 -wrote自己的带有nibabel，Numpy和image的python脚本问题:轴向和日冠状图像不知何故在一个方向上拉伸。

浏览 57提问于2020-12-19得票数 1

1回答

基于LabVIEW的图像增强

matlab、image-processing、labview

用于增强图像的算法如下所示显示RGB图像，请帮助在LabVIEW中实现此算法。

浏览 3提问于2015-02-23得票数 0

1回答

Android，Java:将位图或路径拉伸到任意多边形

java、android、bitmap、polygon

正如标题所暗示的那样，我需要一个算法、代码或库来帮助我将Bitmap (或安卓系统中的Path )扩展到任意多边形。多边形与x、y坐标的列表一起给出。实际上，我需要在Android中转换/拉伸一个Path对象，它也是由x，y坐标给出的。为了更好的说明我所需要的，请查看下面的图片。这不是精确的转换，而是接近的东西。请注意，整个图像被拉伸为星形多边形，它不是遮罩也不是修剪，只是像素过渡。

浏览 1提问于2016-10-26得票数 7

3回答

C#如何从拉伸的位图/图片框中获取像素

c#、image、bitmap、picturebox

好的，我有一个带有图像的pictureBox，sizeMode设置为: StretchImage，但当图像是从正常大小，我得到原来的像素。就像在链球菌之前的像素一样(如果这有意义的话？)Private void pictureBox1_MouseUp(object sender, MouseEventArgs e) { var color = img.GetPixel(e.X, e.Y)提前谢谢

浏览 8提问于2015-09-04得票数 1

回答已采纳

2回答

更改UIButton图像获取按钮位置已更改

iphone、xcode、uibutton

我改变了UIButton图像的按钮点击，但它得到的位置从原来的变化到左侧。我不知道为什么会发生这种事。下面是按钮。当我选择第二个按钮时，它会改变图像并转到左侧。如何修复此错误？ -(IBAction)locationOneButtonAction{ [locationOneButto

浏览 0提问于2012-06-26得票数 0

回答已采纳

1回答

WPBakery使用图像库切换拉伸行和行

jquery、css、wordpress

我在Wordpress主题中使用WPBarkery，我有两行，一行是拉伸行，另一行是默认行，但其中有元素图片库。当我最初隐藏这些元素时，如下所示： display: none; display: none;问题是当我切换它们的时候，我的拉伸行和图片库被搞乱了图片库只显示一个图像，而不是所有图像，并且拉伸行不是全宽的，并且拉伸行中的所有内容都被拉到左侧。这很奇怪，有谁知道怎么解决这个问题吗？

浏览 3提问于2018-12-16得票数 0

1回答

调整GIF大小并保存动画？

c#、.net、graphics、picturebox、animated-gif

我正在使用我编写的代码来调整我的图像大小以适应我的PictureBox：Bitmap bmp = new Bitmap(this.Width, this.Height); Graphics g = Graphics.FromImage((Image)bmp); g.SmoothingMode = System.Drawing.Drawing2D

浏览 2提问于2011-08-22得票数 2

回答已采纳

6回答