如何实现 WinGS 滚动视图缩放不起作用答案

【问题标题】：How to implememt WinJS scrollview zoom not working如何实现 WinGS 滚动视图缩放不起作用
【发布时间】：2013-04-20 12:26:41
【问题描述】：

WinJS 滚动视图缩放不起作用ac

如何在 winjs 应用程序中使用 scrollviewer 实现图像缩放功能？我已经尝试过来自 MSDN 的示例，但这不起作用..任何帮助将不胜感激。

【问题讨论】：

标签： winjs

【解决方案1】：

您需要使用一些 CSS 属性来实现图像缩放。我在 codeSHOW 的缩放演示中做到了这一点 - http://codeshow.codeplex.com（源代码）和 http://aka.ms/codeshowapp（Windows 8 应用程序）。

看起来像这样：

#container {
    width:1000px;
    height:600px;
    overflow:scroll;
    -ms-content-zooming:zoom;
    -ms-content-zoom-limit-max:1000%;
    -ms-content-zoom-limit-min:20%;
}

【讨论】：

你知道是否有办法设置“默认缩放”值吗？
@Jeremy：很好:) 我们如何通过双击重置缩放视图？这也可以通过 CSS 或以编程方式完成吗？
您可以使用 JavaScript 简单地设置 #container 元素的缩放。只需选择元素，然后使用 style 属性，然后使用 zoom 属性。如果您使用 jQuery，则使用 $('#container').css('zoom','100%')，如果不是，则使用 document.getElementById('container').style.zoom = '100%' 之类的东西。您可能还想保存用户当前的缩放级别。在这种情况下，您只需保存 zoom 属性的值，然后在您想要恢复它时设置它。