如何使我的 dojo 移动 div 可缩放？答案

【问题标题】：how do i make my dojo mobile div zoomable?如何使我的 dojo 移动 div 可缩放？
【发布时间】：2013-05-18 17:44:41
【问题描述】：

我已经有一个带有对象的 dojo 可滚动视图 div。当我查看 div 时，我希望该 div 可以通过捏缩放手势进行缩放，我该怎么做？

<div id="divSvgView" dojoType="dojox.mobile.ScrollableView" style="background-color: #d0d0d0;">
        <!--foreground-->
        <div style="float:right; width:30px; height:30px;position: absolute; z-index:10; right: 20px; top: 20px"><a href="javascript:goToLastNodeDiv()"><img class="closeIcon" src="img/close-icon.png" /></a></div>
        <!--background-->
        <div style="width:100%; position: absolute; z-index:2"><object type="application/xhtml+xml" id="svgObject" data="" style="width:100%; height:97%;margin:1%;"></object></div>   
</div>

【问题讨论】：

标签： html mobile dojo zooming dojox.mobile

【解决方案1】：

没有内置任何东西。由于您的 div 不包含 Dojo 小部件而是纯 HTML，我不确定您是否真的需要使用 dojox.mobile 的 ScrollableView。相反，您可以依赖带有 overflow:scroll 的 DIV（在各种最新的浏览器上都支持；例如，参见 https://developer.mozilla.org/en-US/docs/Web/CSS/overflow 和 stackoverflow 上的许多点击），并使用您可以找到的指南在 Dojox Mobile 上独立实现捏合缩放手势在网络上，包括在 stackoverflow 上（Pinch to zoom with CSS3 只是一个例子）。

【讨论】：