在 Android Web 应用程序中实现一个 Coverflow UI答案

【问题标题】：implement a coverflow UI in an Android web application在 Android Web 应用程序中实现一个 Coverflow UI
【发布时间】：2011-01-11 23:44:03
【问题描述】：

我正在尝试使用 HTML、CSS、JavaScript 和一些图像在 Android Web 应用程序上构建一个 Coverflow UI。

在 Safari sine 2009 和自 2.0 版起的 iPhone 上支持 CSS 3D 转换，但在 Android 上不支持。更糟糕的是，在 Android 2.1 和 Android 2.2 上的实现存在错误，并且在每个版本中以不同的方式实现。

知道如何使用 HTML、CSS、JavaScript 和一些没有 CSS 3D 转换的图像在 Android Web 应用程序上构建 Coverflow UI 吗？

【问题讨论】：

【解决方案1】：

如果您正在寻找不使用 CSS 3D 或插件的带纹理的 3D 转换，那就看看 Canvas，这是大多数尖端浏览器上的 HTML 元素。已经有 3D 库利用了这一点，例如 K3D。

另一方面，您可以使用动态 HTML 和不同角度的预渲染图像。对于没有旋转的 3D 效果，只需实现一个基本的 3D 渲染公式，比如这个：

点在屏幕上的 X 位置 = 位置 X（以像素为单位）/距离距离 + 屏幕宽度的一半

点在屏幕上的 Y 位置 = 以像素为单位的 Y 位置 / 距离 + 屏幕高度的一半

【讨论】：