Canvas使用2D和3D上下文的3D绘图

Question

由于webgl/opengl不支持文本绘制，因此可以使用3D上下文绘制3D对象并使用2D上下文绘制文本？

Answer 1

不，不幸的不是。

的HTML 5 spec说，如果你已在不同context mode和两个上下文的canvas元素上调用getContext是不兼容的，然后返回null。

不幸“的WebGL”和“2D”画布不兼容，因此你会得到null：

var canvas = document.getElementById('my-canvas'); 
var webgl = canvas.getContext("webgl"); // Get a 3D webgl context, returns a context 
var twod = canvas.getContext("2d"); // Get a 2D context, returns null 

Answer 2

使用画布2D将文本创建为纹理，然后将其渲染为3D。有关教程，请参阅here。

Answer 3

如前所述，你不能做到这一点。

但是，您可以将一个画布放在另一个画布的上面并分别绘制它们。我之前做过这件事，它可以很好地工作。