网页图片缩放 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

使用javascript/jquery在blackberry上放大/缩小和滚动平移图像

jquery、image、plugins、blackberry、zooming

现在我想让我的图片在网页上可以放大或缩小，然后用户可以像谷歌地图一样用滚动条或平移条在上面/下面/左边/右边滚动。 jquery/javascript中有插件可以做到这一点吗？

浏览 2提问于2012-08-30得票数 0

回答已采纳

1回答

在OLECMDID_OPTICAL_ZOOM中，“缩放因子”是什么意思？

zooming、webbrowser-control

然而，在OS 150% (144 dpi)下，将缩放因子设置为100会使浏览器中的网页看起来要小得多。然后我发现了一个旧的。这是我网页变小的根本原因吗？

浏览 4提问于2013-04-03得票数 2

1回答

内联块不会调整到Firefox中的子级大小

html、css、firefox

我正在尝试创建一个自定义的、响应式的图像映射，其中用"a“标记表示的”-elements“区域带有百分比样式。虽然以下代码可以在Chrome和Opera中运行，但我无法在Firefox中获得想要的结果：小提琴： <div class="map-container"> <div cla

浏览 24提问于2018-02-21得票数 1

1回答

将页面缩放到屏幕大小

javascript、html、css

有没有办法根据屏幕大小来缩放整个网页？我想让网页缩放依赖于屏幕的高度或宽度，这是较小的。它不是响应式的网页设计，因为所有的东西，包括文本和图片，都是随着屏幕的变化而缩放的，我希望它们仍然在屏幕上缩放，这样我就不需要修改每个CSS的百分比边距或大小。

浏览 0提问于2014-02-25得票数 0

3回答

当我点击时缩放图像

c#、javascript、asp.net

我正在做一个项目，在这个项目中，我必须制作一个照片的网页。在这个页面中，我必须显示多个图像。用户需要的是，当他点击任何图像时，它都会缩放，但此时它也会返回网页作为背景。

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

2回答

如何在Macbook上测试网页上的抓取事件

javascript、macos、canvas、zooming、pinch

我在画布上有一张图片，我想要做的是用手指来缩放图片(网页最终会出现在触摸屏上)。我正在使用jGestures来检测收缩事件。然而，我想知道是否有一种方法可以在Mac电脑上测试，因为当我在mac触摸板上按压时，它会缩放网页，而不是画布，这意味着触摸板上的按压不适用于我的画布标签，它会缩放我的网页(字体、宽度、高度)。

浏览 1提问于2012-07-13得票数 1

回答已采纳

3回答

如今，现代浏览器是否擅长缩小图像？

image、browser

回到过去，人们总是需要在Photoshop中缩放图像，因为浏览器在这方面做得很糟糕。Firefox现在似乎可以很好地缩小图像的比例。其他浏览器也做得很好吗？

浏览 1提问于2010-09-02得票数 2

回答已采纳

1回答

我可以在每个图像的基础上使用CSS禁用Firefox的图像缩放吗？

css、firefox、image-scaling

在我的网页上，有两次我不希望Firefox在放大和缩小时自动缩放图像。我是否可以在这些图片上明确绕过这个功能，而让剩下的图片在Firefox中像往常一样缩放(如果这是用户在他/她的首选项中设置的)？

浏览 2提问于2009-04-07得票数 4

1回答

我正在尝试放大.Net WebBrowser控件中加载的网页上的图片。例如，在(100,100)上有一张100%缩放的图片。现在，我希望将缩放设置为200%，并将图片放在WebBrowser控件的左上角。它几乎起作用了。如果该点在屏幕的左侧，则可以正常工作。但是，如果该点位于屏幕的右侧，则新计算的点不正确。Y总是正确的。任何人都知道ScrollTo是如何与当前缩放因子相关的。或者它也与其他变量有关？我怀疑问题还在于网页的适应与屏幕的大小有关。(在<e

浏览 0提问于2011-11-01得票数 2

1回答

禁用文档缩放的Jquery

javascript、jquery、html、css

我正在尝试禁用网页中的文档缩放功能。我正在为运行在Windows 8上的笔记本电脑触摸屏创建一个网页，这个网页包含一个可拖动的div内的图片...用户拖放到容器中，然后应用程序应该允许他/她使用(手指或鼠标滚动)放大和缩小图像……每件事都很酷但是，问题是，如果图像不能直接识别收缩(缩放)，或者用户将手指放在图像之外，文档就会开始放大和缩小。我需要的是禁用文档缩放使用JQuery或css。请帮帮忙。

浏览 1提问于2014-08-09得票数 1

1回答

高效的jQuery或HTML5图像滑块

javascript、jquery、html

我有一个朋友，他正在制作一个投资组合网站。他有一些高分辨率的图像，他想要展示。在一个页面上将有多个项目，每个项目有几个图像。正因为如此，他希望尽可能减少加载时间，并节省系统内存使用。也就是说，他担心传统的jQuery滑块如果在同一个页面上被多次调用，会占用太多的内存。此外，在初始化时加载所有图像也不是一种选择，因为这会造成很长的加载时间。有没有人知道任何图像滑块，jQuery或HTML5，或两者都有，可以帮助解决这个问题？

浏览 1提问于2012-04-24得票数 0

回答已采纳

1回答

用角2调整图像大小

html、angular2-template

我得到了一堆图片URLs，我正在我的网页上显示他们。默认情况下，我将所有图像设置为有<img height = "200px" width = "200px"> 这样做的问题是，有些图像不会缩放和压缩，我如何动态缩放每个图像，使其看起来不压缩，但更小。例如，如果我有一个图片是16:9，我希望它保持这个比率时，使它变小。

浏览 1提问于2017-12-01得票数 0

回答已采纳

1回答

在Webview中缩放图像

android、image、webview、zooming

在我的网页视图中，我只需要图像放大点击，就像画廊中的图片。类似于此中的内容。但在webview中。我只知道如何缩放整个网页视图。

浏览 1提问于2014-03-08得票数 2

3回答

在移动响应式网页设计中，放大和缩小图像的首选方式是什么？

css、windows-mobile、mobile-safari、mobile-website、fluid-layout

在响应式网页设计中，放大和缩小图像的首选方式是什么？考虑到网站的性能，哪种方案是最好的？

浏览 1提问于2011-04-26得票数 2

回答已采纳

1回答

如何在HTML页面中创建类似iphone的onclick缩放效果？

javascript、html、css

我想在这个html页面上使用javascript，css，jquery的iphone喜欢的onclick缩放效果。Tiles是使用div标签创建的，点击后打开diff网页。

浏览 0提问于2017-02-25得票数 0

2回答

Google Chrome与GIMP中的图像插值

css、image、google-chrome、image-resizing

在把这个网页放到网上之前，我决定用GIMP缩放图片，因为用CSS缩放图片是不好的做法。然而，当我在Google Chrome中使用GIMP而不是CSS缩放图像时，即使这两个图像都是png并且具有相同的尺寸，图像质量也有明显的下降。Google Chrome使用什么压缩方法来提供如此高质量的图像缩放?我如何离线实现这一点？

浏览 0提问于2013-04-08得票数 0

回答已采纳

2回答

使可变项目使用100%具有可变方向的父项高度:行

html、css、flexbox

所以我尝试在一个flex容器中放置3个高度和宽度相等的flex项。我成功地使3个弹性项目具有相同的宽度。然而，第一个flex-item有一个div (.images)，它也是一个flex容器，它比其他两个flex -items的(.images) div包含更多的子项。这会导致第一个flex项的高度大于另两个flex项的高度。我如何使其他两个flex项的高度与第一个相同，即使它们没有相同数量的子项？我研究过这个问题，但只有当flex-direction属性设置为column时，我才能找到答案。在我的例子中，flex-direction属性在flex容器中设置为row。body {marg

浏览 1提问于2018-09-13得票数 0

5回答

如何在HTML canvas中缩放imageData？

html、canvas、getimagedata

我在我的网页中有一个画布；我在这个画布中创建了一个新的图像数据，然后我通过myImgData.data[]数组修改了一些像素。现在我想缩放这张图片，把它放大。我试着缩放上下文，但图像仍然很小。

浏览 3提问于2010-08-10得票数 34

回答已采纳

1回答

在jquery mobile中水平滚动图像

jquery、jquery-mobile

我正在为安卓，iOS，windows和网络在jquery手机上做一个网页应用程序。我有一个页面，在这个应用程序中，我想显示只有一张图片。我希望用户应该能够收缩缩放，所以我希望在该页面的水平滚动，以便完整的图像可以很容易地查看。缩放功能可以启用用户可缩放的meta viewport..but我无法启用水平滚动。该怎么做呢？

浏览 0提问于2013-08-12得票数 2

1回答