将2D画布(图像+文本）应用于3D表面，并进行360度旋转/动画-可以使用HTML5/CSS3/Javascript或F

Apply 2D canvas (image + text) to 3D surface and do 360 degree rotation/animation - possible to do this with HTML5/CSS3/Javascript or Flash necessary?

本文关键字：动画旋转 360度可以使 Javascript CSS3 HTML5 图像画布 2D 文本更新时间：2023-09-26

我正在考虑（如果可能或）如何在浏览器中实现以下功能：

我正在尝试设计一个网络应用程序，允许用户在浏览器中对3D表面进行自定义设计（添加图像+文本）。设计可以在（2D）画布/编辑器上进行，这将允许用户拖放图像和添加文本等；应用于3D形状/表面。用户可以通过旋转三维曲面进行预览。

它需要在iOS中工作，所以Flash已经问世。对于这种应用程序，也可以避免WebGL——希望浏览器覆盖范围广（IE8需要使用相关的画布垫片来支持）。

有什么东西已经做到了吗？有可能只在客户端（HTML5/Javascript）实现这一点吗？

退房http://www.c3dl.org/对于3d js库

http://www.addyosmani.com/resources/googlebox/对于映射到框的图像和文本，

而且http://mugtug.com/sketchpad/对于html5编辑器

是的，这肯定是可能的。看看Three.js和thinginview的例子和如何做它的三维方面的灵感。你应该能够使用html5画布设计编辑器，然后使用toDataUrl（）方法获得它的图像版本。