如果您在 iPhone 或 iPad 上使用过 Google 地图网络应用程序，您就会知道我在说什么。你在这个屏幕抓取中看不到我的手指，但这是中捏（如果你愿意的话）缩小的。详细区域是初始地图查看区域，外面的模糊部分是中间夹点时进入视野的额外地图。
使用手势触摸输入的捏合缩放功能可以以一种平滑的方式实时缩放当前视图中的地图，看起来就像魔术一样。我们正在尝试缩放图像并重现这种平滑的缩放。有谁知道他们是怎么做到的？
我们不知道它是否是一个单一的img正在缩放的元素。或者也许所有img相对网格矩阵中的元素以某种方式同时缩放（这似乎有点不可能）。或许有很多canvas元素..或一大canvas元素（经过合理数量的测试后我们也对此表示怀疑）。拜托，任何建议、想法或答案（如果您来自 Google）都会很棒。
您需要使用硬件加速的 CSS3 转换。例如
- 翻译3d（）而不是翻译（）
- 使用scale3d()代替scale()
目前只有mobile safari支持硬件加速。目前尚不清楚 Google 何时会为其 Android 版本的 webkit 浏览器实现此功能。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
