2

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

CSS 3D 转换在 Safari 2009 和 iPhone 2.0 版本中受支持，但在 Android 上没有得到很好的支持。更糟糕的是，在 Android 2.1 和 Android 2.2 上的实现是错误的，并且在每个版本中以不同的方式实现。

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

4

1 回答 1

0

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

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

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

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

于 2011-01-16T01:48:33.653 回答