对于基本的3d web应用程序,即几个立方体,旋转和翻译在3d空间 – 这是更好的选择?
CSS 3d似乎最简单,但不支持IE9或路线图为IE10,并提供较少的控制比其他选项。
帆布& WebGL似乎更复杂,但我不知道他们是否是未来的证明。
为什么有这么多不同的技术的3D?哪个更好?这是未来的证明?
解决方法
之所以有这么多不同的3D选项是因为整个事情仍然处于一种状态的通量 – 在浏览器中的3D不是一个完成的标准,并列出的选项,唯一一个在所有当前的工作可用的浏览器是Canvas。
IE尤其不太可能给你带来很多的欢乐 – 正如你所说,3D甚至不是为IE10的这一点。话虽如此,SVG被添加到IE9相当晚的一天,所以总有希望。但是,不太可能的原因是,微软只表示支持已经正式批准为标准的功能。
在你列出的技术中,Canvas是迄今为止最好的支持,但Canvas不是一种3D技术;它是一个2D画布,如果你想要有3D效果,你需要自己写,他们不会被硬件加速。
我想你的问题的真正答案取决于这个功能对你的网站有多重要。如果它只是眼睛糖果,哪些用户不支持的浏览器可以没有生活,那么通过一切手段做它与一些3D CSS。但是如果你需要使它在所有当前浏览器中一致,那么使用Canvas。
我倾向于建议不要使用WebGL为你的情况,因为它听起来像是对你正在做的overkill。