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

如前所述，你不能做到這一點。

但是，您可以將一個畫布放在另一個畫布的上面並分別繪製它們。我之前做過這件事，它可以很好地工作。