问题标签 [zooming]

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 投票
29 回答
335318 浏览

javascript - 如何检测所有现代浏览器中的页面缩放级别?

  1. 如何检测所有现代浏览器中的页面缩放级别?虽然这个线程告诉如何在 IE7 和 IE8 中执行此操作,但我找不到一个好的跨浏览器解决方案。

  2. Firefox 存储页面缩放级别以供将来访问。在第一页加载时,我可以获得缩放级别吗?我在某处读到它在页面加载发生缩放更改时起作用。

  3. 有没有办法捕获'zoom'事件?

我需要这个,因为我的一些计算是基于像素的,并且在缩放时它们可能会波动。


@tfl 给出的修改样本

此页面在缩放时会提醒不同的高度值。[jsFiddle]

0 投票
1 回答
3728 浏览

actionscript-3 - Actionscript 3 - 检测单击以缩放或拖动

我正在使用 Actionscript 3,并且正在构建一个图像查看器。到目前为止,我有以下基于“onClick”鼠标事件的功能:

1)查看正常大小的图像时,单击将显示“缩放”图像。
2) 查看放大后的图片时,点击会显示“正常”图片。

好东西。

现在我想应用以下行为,以便用户可以放大并拖动缩放的图像 - 并勾勒出以下内容:

1) 移除 onClick 事件
2) 添加 "onMouseDown" 事件,记录鼠标按下时的鼠标 XY
3) 添加 "onMouseUp" 事件,并记录鼠标按下时的鼠标 XY
4) 如果 XY onMouseDown = XY onMouseUp 则假设一个 Click 事件 - 所以 Zoom
5) 如果 XY onMouseDown != XY onMouseUp 然后假设一个 Drag 事件 - 所以拖动图像

现在,这仅在用户单击时手稳定时才有效 - 并且感觉不是一个很好的解决方案。如果用户的手不稳,那么当他们真正想要缩小缩放时,就会假定一个拖动事件......

任何人都可以提出比我上面勾勒出的更好的方法来检测是拖动图像还是缩放图像?

感谢您的想法/帮助,

高级椰子。

0 投票
0 回答
233 浏览

winforms - DesignSurface 和缩放

我正在尝试在 DesignSurface 上实现缩放功能,它使用基于 .Net 2 的 Designer 时间架构。我有两种方法来处理 ZoomChanged 事件:

  1. 卸载设计图面并重新加载缩放内容。
  2. 识别受影响的属性并将它们设置为属性的缩放值。

问题:
在方法 1 中,卸载和重新加载对于运行时来说是一项相当大的任务,并且会卸载和重新加载许多不受缩放更改影响的属性。

在方法 2 中,被更改的属性会引发大量 PropertyChanged 事件并执行相关处理程序,这会使响应非常缓慢。如果我想取消订阅并重新订阅所有事件处理程序,我将没有任何一个地方可以这样做,因为它跨越了许多依赖组件。

有人来救吗?

0 投票
2 回答
1905 浏览

scroll - 将鼠标滚动更改为不放大 Expression Blend?

有没有办法改变 Expression Blend 中的鼠标滚轮行为?

我希望它滚动而不是缩放。

0 投票
3 回答
2066 浏览

javascript - 如何以 100% 缩放获得 DIV 的大小?

如果在任何现代浏览器中缩小/缩小网页,那么如何在 100% 缩放时找到 DIV 元素的大小?

编辑:: 我在这里问了另一个类似的问题,但没有得到回答。

0 投票
1 回答
99 浏览

jquery - 3 个 jQuery 应用程序一起 - IE6 的问题

我结合了 3 个 jQuery 应用程序 - 来自 jQueryUI 的可排序选项卡、来自 Six Revisions 的幻灯片和 John Nunemaker 的 FancyZoom。可以在这里看到

组合应用程序在 FF、Chrome 和 Safari 中运行良好,但在 IE6 中幻灯片无法正常运行。幻灯片与左侧控制按钮重叠,使其不起作用。

请帮忙!

帕塔·巴塔查里亚

0 投票
1 回答
6263 浏览

jquery - iframe 缩放 w/jquery

如何使用跨浏览器 jQuery 缩放 iframe 的内容?我知道这可以通过 IE 中的 zoom css 属性来完成。基于 gecko/webkit 的浏览器是否具有类似的属性?

0 投票
1 回答
970 浏览

wpf - WPF 缩放问题

在 WPF 中,我有一种曲线编辑器,它由画布顶部的滚动查看器(用于平移)组成,在其中显示键和曲线段(线性、常量和样条线)。我正在使用 MVVM。另外,我可能有数百个键,彼此之间有段。此外,平移/缩放必须非常流畅且响应迅速。

在模型(和 ViewModel)中,一个键具有 XY 位置;段有一个PointCollection. 在视图中,键是Rectangle,曲线段是Polyline。所有这些 UI 元素都绑定到 Canvas 的 Top 和 Left 依赖属性。

我遇到的问题是在实现缩放时。我首先使用了一个插入在滚动查看器和画布之间的视图框

平移工作正常,但缩放不是我想要的正确缩放。它进行了“图形”缩放,使矩形和折线变得更大。

我想要的是,当放大时,键(矩形)彼此之间走得更远,而不会变大,而线段(折线)在两个键之间延伸,StrokeThickness看起来不会更大。

我想要的解决方案是在更改缩放时在 VM 中转换所有坐标。

例如:模型中的键的位置为 (2,3)。当缩放值为 2.0 时,键的 ViewModel 将显示 (4,6) 的位置。对于Segment,我会翻译Model的PointCollection中的所有Points,并将它们放到ViewModel的PointCollection中。

该解决方案的问题在于,当我拥有数百个键时,它可能会在快速放大/缩小时降低性能。由于更改缩放因子将更改所有 ViewModels 坐标,因此每个 UIElements 都会被移动。

我考虑过 UIElements 上的 RenderTransform 来应用缩放平移,但它不适用于折线。我可以对折线使用 ScaleTransform,但这会在视觉上拉伸它们。

描述起来很复杂,所以请随时询问更多细节。

关于如何实现这一目标的任何想法?

0 投票
1 回答
526 浏览

iphone - 独立于 iPhone 缩放的网站的一部分

是否可以在网站上拥有一个独立于 iPhone 缩放(即具有固定宽度和高度)的菜单栏(导航栏),而网站的其余部分可以放大和缩小?

使用元“视口”我可以设置整个网站的缩放,我想排除一些部分。

似乎无法通过使用 iFrame 或 CSS 转换来完成。

是否可以通过跟踪缩放元素的手势并使用 javascript 重新缩放我的菜单来完成?

0 投票
3 回答
15808 浏览

iphone - 正确缩放包含许多子视图的 UIScrollView

我创建了一个可缩放的 UIScrollView 并向其添加了 100 个子视图(平铺)。视图左右滚动完美。但是,我想允许缩放。

为此,我读到我的代表需要实现:

我见过只有一个子视图可以缩放的例子,所以他们在那个方法中返回那个子视图。然而,就我而言,我还有很多。进行缩放的正确方法是什么?

我尝试创建另一个 UIView 并将 100 个子视图添加到那个。然后在上面的方法上返回一个视图,但我不起作用(它会缩放,但一旦停止,它就不再是交互式的了)。