Jquery phonegap放大can';t滑动到缩放的其他部分
我已经添加了以下代码来启用jquery应用程序中的缩放功能Jquery phonegap放大can';t滑动到缩放的其他部分,jquery,html,cordova,canvas,Jquery,Html,Cordova,Canvas,我已经添加了以下代码来启用jquery应用程序中的缩放功能 <meta name="viewport" content="user-scalable=yes" /> 以下是我在体内的代码: <div id="header" data-theme="b" data-role="header"> <h5> Book </h5> </div> <div data-role="cont
<meta name="viewport" content="user-scalable=yes" />
以下是我在体内的代码:
<div id="header" data-theme="b" data-role="header">
<h5>
Book
</h5>
</div>
<div data-role="content">
<canvas id="myCanvas" width="300" height="400" style="border:1px solid #d3d3d3;">
</div>
书
放大画布图片后,我无法滑动以查看画布的其他部分。另外,标题“Book”似乎也被放大了。如何修复滑动问题并保持标题不变而不受缩放效果影响
非常感谢这是默认的缩放行为 要修改它,首先将视口更改为
<meta name="viewport" content="user-scalable=no" />
使用此选项,用户无法缩放
现在,您必须使用javascript处理所需元素的缩放。
您必须使用css3transform scale
检测pinch手势
(例如,有相应的库),以便根据手势使其变大或变小。并使用变换平移拖动手势
,以移动元素
或者你也可以尝试一下,它有一个缩放选项,在这个库旁边的捏/缩放/拖动可以很好地工作,有没有更简单的方法来解决这个问题?我不这么认为。。。您可以阅读一篇关于不同移动设备上的固定位置和缩放行为的有趣文章。