2

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

用手势缩小

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

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

4

2 回答 2

1

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

  • translate3d() 而不是 translate()
  • scale3d() 而不是 scale()

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

于 2010-11-03T01:25:13.017 回答
0

用于 webkit 的CSS3硬件加速 3d 过渡

于 2010-12-01T07:31:41.550 回答