2011-01-11 50 views
2

我想在使用HTML,CSS,JavaScript和某些圖像的Android Web應用程序上構建一個coverflow UI。在Android Web應用程序中實現coverflow UI

安卓系統不支持CSS 3D轉換,它在Safari sine 2009和iPhone 2.0以上的版本中受支持。更糟糕的是,這個實現在Android 2.1和Android 2.2上以及在每個版本中都有不同的方式。

任何想法如何在Android Web應用程序上使用HTML,CSS,JavaScript和某些圖像構建coverflow UI而不使用CSS 3D轉換?

+0

http://stackoverflow.com/questions/725496/android-coverflow – fiction 2011-01-11 23:47:18

+0

這是一個本機應用程序。我正在尋找一個基於Web的應用程序。 – 2011-01-12 08:09:18

回答

0

如果您在不使用CSS 3D或插件的情況下尋找帶紋理的3D轉換,請查看Canvas,這是大多數尖端瀏覽器上的HTML元素。已經有3D圖書館利用這一點,如K3D

另一方面,您可以使用不同角度的動態HTML和預渲染圖像。對於沒有轉的3D效果,只是實現基本3D渲染式,像這樣的:

上以像素爲單位的屏幕=位置X點的x位置/距離+半屏幕寬度的

點的y在屏幕上的位置=位置Y以像素/距離+屏幕高度的一半