我如何使我的道场移动div可缩放?

时间:2013-05-23 11:24:54

标签: html mobile dojo zoom dojox.mobile

我已经有一个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>

1 个答案:

答案 0 :(得分:0)

没有任何内置功能。由于你的div不包含Dojo小部件而是纯HTML,我不确定你真的需要使用dojox.mobile的ScrollableView。相反,您可以依赖具有溢出的DIV:滚动(在各种最近的浏览器上受支持;请参阅例如https://developer.mozilla.org/en-US/docs/Web/CSS/overflow并且在stackoverflow上有许多点击),并使用您的指导在Dojox Mobile上独立实现捏缩放手势可以在网上找到包括stackoverflow(Pinch to zoom with CSS3只是一个例子)。