谷歌地图（网络应用程序）如何通过手势/捏合在 iphone/ipad 上如此顺畅地缩放？答案

【问题标题】：How is google maps (web app) scaling so smooth on the iphone/ipad with the gesture/pinch?谷歌地图（网络应用程序）如何通过手势/捏合在 iphone/ipad 上如此顺畅地缩放？
【发布时间】：2010-09-08 09:02:42
【问题描述】：

如果您在 iPhone 或 ipad 上使用过 Google 地图网络应用程序，您就会知道我在说什么。在此屏幕抓取中您看不到我的手指，但这是缩小的中间捏（如果您愿意的话）。详细的区域是最初的地图查看区域，外面的模糊部分是中间夹点看到的额外地图。

使用手势触摸输入的捏合缩放功能以一种非常平滑的方式缩放当前视图中的地图，看起来就像魔术一样。我们正在尝试缩放图像并重现这种平滑缩放。有人知道他们是怎么做到的吗？

我们不知道它是否是单个 img 元素被缩放。或者也许它们的相对网格矩阵中的所有img 元素都以某种方式一次全部缩放（这似乎有点不太可能）。也许是很多 canvas 元素.. 或一个大 canvas 元素（经过合理数量的测试，我们也对此表示怀疑）。请提供任何建议、想法或答案（如果您来自 Google）。

【问题讨论】：

当前理论只是通过非阻塞计时器优化来缩放大量 (256x256) img 元素。还不能证明这一点。有什么想法吗？
使用 CSS3 hardware accelerated 3d transitions for webkit

标签： google-maps ios touch multi-touch gesture

【解决方案1】：

您需要使用硬件加速的 CSS3 转换。例如

translate3d() 代替 translate()
scale3d() 代替 scale()

目前只有移动 Safari 支持硬件加速。尚不清楚 Google 何时会在其 webkit 浏览器的 Android 版本中实现此功能。

【讨论】：

【解决方案2】：

CSS3hardware accelerated 3d transitions for webkit

【讨论】：