將2D畫布（圖像+文本）應用於3D表面，並進行360度旋轉/動畫處理-可能需要使用HTML5 / CSS3 / Javascript或Flash嗎？

Question

我正在考慮（如果可能的話）如何在瀏覽器中實現以下功能：

我正在嘗試設計一個Web應用程序，該應用程序將允許用戶自定義設計（添加圖像和文本）到瀏覽器中的3D表面。 該設計可以在（2D）畫布/編輯器上進行，這將允許用戶拖放圖像和添加文本等。然后，最好實時地將設計轉換並應用於3D形狀/表面。 用戶可以通過旋轉3D表面進行預覽。

它需要在iOS中運行，因此Flash不能使用了。 也可以避免將WebGL用於此類應用程序-希望具有廣泛的瀏覽器覆蓋范圍（相關的畫布墊片需要支持IE8）。

那里有什么已經做到了嗎？ 是否可以僅在客戶端（HTML5 / Javascript）中實現此功能？

Answer 1

查看http://www.c3dl.org/以獲得3d js庫

http://www.addyosmani.com/resources/googlebox/用於映射到框的圖像和文本，

和http://mugtug.com/sketchpad/用於html5編輯器

Answer 2

是的，絕對有可能。 查看Three.js和thingiview中的示例和啟發，了解如何進行3d制作。 您應該能夠使用html5 canvas設計編輯器，然后使用toDataUrl（）方法獲取其圖像版本。