Phonegap 捏合和缩放以缩放画布

Posted

技术标签:

【中文标题】Phonegap 捏合和缩放以缩放画布【英文标题】:Phonegap pinch and zoom to scale canvas 【发布时间】:2013-07-11 05:28:37 【问题描述】:

所以我最近发现 html5 画布具有最大尺寸。出于内存和效率的原因,这很有意义。在电话间隙中的画布元素内缩放上下文的最平滑方法是什么。例如,我将如何创建类似于谷歌地图的无限可平移和可缩放画布?

【问题讨论】:

【参考方案1】:

您可以使用 javascript 来处理多点触控手势。有很多库可以让这更容易做到。 Sencha touch 或 Hammer.js 就是这样的例子。然后你必须相应地缩小画布上的内容。

至于画布特有的东西,它会有点重,但我建议像:KineticJS

【讨论】:

以上是关于Phonegap 捏合和缩放以缩放画布的主要内容,如果未能解决你的问题,请参考以下文章

使用 Unity 5 UI 进行捏合缩放

快速捏合缩放

UIScrollView 并取消缩放捏合手势

Phonegap : 为更小的屏幕缩放 HTML5 画布

缩放和捏合后uiwebview刷新

在 UIWebView 上启用缩放/捏合