使用3D渲染javascript的getcontext()

Question

问：)我有画布元素，我在画布上用2Djavascript(Papaer js)和3Djavascript(巴比伦js)绘图。现在，我想在该画布上添加/绘制2D和3D图像。我可以使用2DJS(Paper js)在画布上绘制图像。

像这样，

var canvas = document.getElementById('canvsID');
var context = canvas.getContext('2d');

我得到了这样的结果。

我想用3D JS做同样的事情。但它不会，与3D JS一起工作。这只是因为我的3D js是连续渲染的。

所以，有没有办法解决这个问题。

我读到您可以对3D使用getContext()，如下所示。

 var context = canvas.getContext('webgl');

但是，它仍然不能工作..！它显示"WebGL不受支持“

Answer 1

也许可以试一下

var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");

Answer 2

一个不错的选择是使用Babylon.js dynamic texture在纹理中渲染2d内容，并将其应用于背景(或前景)层：

http://doc.babylonjs.com/classes/2.2/DynamicTexture

http://doc.babylonjs.com/classes/2.2/Layer