1

问。)我有画布元素,我正在画布上使用 2D javascript(papaer js)和 3D javascript(babylon js)进行绘制。现在,我想在该画布上添加/绘制 2D 和 3D 图像。我可以使用 2D JS(Paper js)在画布上绘制图像。

像这样,

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

我得到了结果。

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

那么,有没有什么办法呢。

我读到您可以像这样将 getContext() 与 3D 一起使用。

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

但是,它仍然不起作用..!它说“不支持 WebGL”

4

2 回答 2

1

也许试试

var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
于 2015-11-11T14:39:51.463 回答
0

一个不错的选择是使用 Babylon.js 动态纹理在纹理中渲染 2d 内容并将其应用到背景(或前景)层:

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

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

于 2015-09-29T13:25:19.603 回答