问题标签 [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 投票
4 回答
6622 浏览

html - 对于具有整页缩放功能的浏览器,我可以使用该功能为 iframe 设置缩放吗?

我认为现在每个浏览器都有用户控制的全页缩放。开发人员是否可以通过 html、css 或 javascript 访问它?

我想提供一个 iframe,甚至是一个普通的框架,并将其设置为 50% 缩放。(理想情况下,相对于包含文档的当前缩放。)

这完全可行吗?我不介意它是否是 HTML 5 解决方案,只要它具有现有的功能实现即可。即使它是在夜间构建中。

如果它至少可以与 WebKit 和 Gecko 一起使用,我会非常高兴,如果 Trident 也可以使用,我会很高兴。

0 投票
1 回答
9179 浏览

wpf - WPF。如何只显示大画布的一部分?

假设我有一个定义为 1000x1000 大的画布。是否可以在 Viewbox(或矩形)中仅显示 100x100 的一部分?

任何帮助表示赞赏......

0 投票
2 回答
2878 浏览

jquery - MagicZoom 和 JQuery 对话框

我试图让 MagicZoom 和 MagicThumb 在 JQuery 对话框中工作。当我将鼠标悬停在图像上时,什么都没有发生,单击同一图像会将您带到图像本身。所以好像魔法缩放javascript没有被调用。以下代码适用于其他地方。

这是代码

如果有人成功尝试过,请告诉我。谢谢,娜塔莎

0 投票
1 回答
1577 浏览

css - 如何删除opera mobile中的缩放图标

我正在为 Opera Mobile 设计一个网页。它的左右角有一个小缩放图标。当我访问 www.opera.com 时,这个图标变得不可见并且缩放级别变得固定。对于任何其他网页,它都会出现,我可以放大和缩小页面。我也希望在我的页面中具有相同的固定缩放行为。它可能是一些 CSS 属性。你知道我应该设置哪些属性以及在哪些对象上?或者你认为会有另一种方法来实现这一点。

谢谢你。

0 投票
1 回答
7091 浏览

c# - WPF 视图框缩放

有没有办法缩放视图框内容,一个控件除外?我有一个带网格的视图框,在这个网格中我有一些控件,我正在尝试缩放视图框中的所有控件,除了一个,这可能吗?

非常感谢,保罗

0 投票
1 回答
1045 浏览

wpf - 如何更改部分 WPF/Silverlight 应用程序的 DPI?

我希望我的应用程序有一个可缩放元素,它允许以 25%、50%、100%、200% 等比例查看 XAML 元素,我只需要更改 XAML 的 DPI,但我不确定如何在只是 XAML 的一部分(即要缩放的元素)。当您可以放大控件以获取更多详细信息时,它将像 Visual Studio 中的设计器视图一样工作。
如果有其他方法可以做到这一点,那很好,但它必须放大和缩小,而不仅仅是放大画布并保持元素大小相同。

0 投票
3 回答
10311 浏览

apache-flex - 如何使 Flex Air 应用程序适合全屏?

我有一个专为 1280x800 设计的 Flex 中的 Air 应用程序,我想拉伸它以在 1920x1200 显示器上全屏工作。

我读过这篇文章: http: //blogs.adobe.com/aharui/2008/01/flex_and_scalemodes.html并尝试过,但它只放大左上角(如文章中所述)。

我使用一个 WindowedApplication(如下所示),它包含一个包含所有不同布局元素的视图(称为 MasterView)。

有什么建议么?

我的应用程序(简而言之)如下所示:

谢谢, 加布

0 投票
2 回答
1785 浏览

wpf - WPF - 如何最好地实现具有可拖动/可缩放子项的面板?

我正在尝试修改 Graph# 库的默认图形查看器,因为它的用户界面很糟糕(只需尝试将节点拖动到边界之外,你会看到!)

基本设置是这样的:有一个 GraphCanvas 控件(继承自 Panel),它具有 Vertex 和 Edge 控件类型的子项。我想要实现的是:

  • 如果内容不适合屏幕,则 GraphCanvas 有滚动条;
  • GraphCanvas 也可以通过“拖动”来滚动(只需点击空白处并拖动即可);
  • GraphCanvas 可以放大和缩小(通过 CTRL+鼠标滚轮);
  • 可以拖动顶点。如果一个顶点被拖到 GraphCanvas 的当前边界之外,边界就会增加。滚动条应该反映这一点,但是当顶点被拖动时,当前视口不应该滚动。如果拖动一个顶点会减少 GraphCanvas 的边界,情况也是如此——它应该保持相同的大小,直到拖动操作完成,然后才调整大小。在拖动操作期间自动滚动视口非常令人困惑,并且很容易引入拖动错误。如果您想知道我的意思,请参阅原始实现。

尽管我对 .NET 有一定的经验,但我仍然是 WPF 的初学者。我目前的尝试是(在测量/排列布局阶段)为每个顶点提供它想要的 XY 坐标(即使是负数),并通过处理 GraphCanvas 上的鼠标事件和修改 RenderTransform 属性来实现缩放/滚动。拖动只会更改特定顶点上的 XY 坐标(可能会触发整个事物的重新布局,这也可以避免)。滚动条是通过将 GraphCanvas 放置在 ScrollViewer 中并在 GraphCanvas 上实现 IScrollInfo 来实现的。

不幸的是,似乎有一个问题:只有当 GraphCanvas 本身有背景时,我才能在它本身上获取鼠标事件。没关系,无论如何我都想要一个白色背景,但是在 GraphCanvas 的负坐标中它不会绘制背景 - 因此不会响应鼠标事件。

我还想知道我是否通过允许我的所有子控件(顶点和边)进入负坐标来做正确的事情。你将如何实现这一点?


补充:要澄清背景问题,请查看以下屏幕截图:( 来源:valts.21.lv

您在这里看到的是一个简单的 Windows 窗体窗体,上面有一个 WPF 主机控件。里面有一个 ScrollViewer,而 ScrollViewer 里面有 GraphCanvas。GraphCanvas 包含 4 个顶点和 6 个边。

GraphCanvas 被拉伸以填充 ScrollViewer。但是由于某些顶点位于负坐标,因此它应用了 RenderTransform,它只是将所有内容向右移动(TranslateTransform)。它还有一个白色背景画笔。

注意左边的灰色区域。这仍然是 GraphCanvas 的一部分,但背景画笔不知何故没有延伸到那里。此外,如果我用鼠标左键单击那里(不是在节点上,而是在灰色区域上),我不会收到事件。如果我左键单击白色区域,我会得到所有事件。

0 投票
1 回答
267 浏览

javascript - ZoomIn/ZoomOut 与控件的定位

我正在使用 JavaScript 的 zoomin 属性来缩放页面背景图像及其所有控件(即文本框)。但是在缩放控件的位置时受到干扰。任何机构都可以帮助我解决这个问题

0 投票
2 回答
6719 浏览

jquery - 在可替换图像上调用 jQZoom

我正在创建一个电子商务产品页面,该页面将使用 jQZoom 作为放大特色产品图像的一种方式。但是,我希望能够单击替代产品照片缩略图并让它不仅替换大的特色图像,而且还可以在新替换的特色图像上重新实例化 jQZoom() 函数。

所有这一切都很好

问题是这样的。在页面加载时应用了 jQZoom() 的原始特色图像仍然是“活的工件”,当我 hover() 替换的特色图像时,缩放效果将应用于替换的图像和原始图像.

////////////////////
产品页面
///////////////////


//////////////////////////////////////
我的替换函数