如何在phonegap中的div标签内进行缩放功能

Question

我想知道如何使用phonegap进行缩放功能。最近我用cubiq.org/dropbox/iscroll4/examples/zoom/尝试了缩放功能。 它适用于三星Galaxy s4，但不适用于平板电脑而且它没有响应。 有人请推荐我哪个库适合放大。 感谢。

Answer 1

你有正确的想法，但你的链接是iScroll的v4。在此处获取最新版本 - http://iscrolljs.com/ - 并确保查看包含缩​​放的示例。

某些iScroll库仅用于滚动而不进行缩放！

我在Phonegap应用中只使用了iscroll-zoom.js文件。这是我的代码：

    <script src="iscroll-zoom.js"></script>
    <div id="wrapper">
        <div id="scroller">
            <img src="whatever" width="1150" height="1150" />
        </div>
    </div>
    <script>
    var myScroll;
    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
    setTimeout(function () {
        myScroll = new IScroll('#wrapper', {
            zoom: true,
            scrollX: true,
            scrollY: true,
            mouseWheel: true,
            wheelAction: 'zoom'
        });
    }, 100);
</script>

大多数JS需要在onDeviceReady范围内。

这适用于Android（Nexus 7）和iOS（iPhone5）。