如何在平板电脑上处理HTML5 Canvas消费捏缩放?

Sea*_*son 6 html5 canvas touch tablet

我一直在做一些研究并阅读以下场景:

场景:

  • 用户触摸屏幕的方式是在画布元素上捏合放大.
  • 在缩放后,Canvas元素现在占据视口宽度和高度的100%.
  • 用户现在无法在不按下后退按钮的情况下取消缩放或从此状态中移除自己.画布消耗了缩放到缩放.

我们的Web应用程序的设计规范需要能够在包含画布的页面上进行缩放.因此,在平板电脑上禁用用户可伸缩性的建议最佳做法不适用于我的方案.

  • 概念上是否可以将多点触控"捏合变焦"事件从画布元素冒泡到浏览器/平板电脑?
  • 是否有其他不太明显的解决方案我应该考虑除以下因素:
    • 画布上的隐形div叠加.禁用所有用户交互,但支持双指缩放.
    • 以某种方式提供了一种不涉及手势的unzooming方式,以便用户可以逃避上面概述的场景.