canvas vs. webGL vs. CSS 3d – >哪个选择?

前端之家收集整理的这篇文章主要介绍了canvas vs. webGL vs. CSS 3d – >哪个选择?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于基本的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。

3D CSS可能是正确的答案,但现在使用Canvas,直到其余的浏览器添加支持3D CSS。

原文链接:https://www.f2er.com/css/220414.html

猜你在找的CSS相关文章