Question

问。）我有画布元素，我在画布上用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不断渲染。

那么，有没有办法呢。

我读到你可以像这样使用带有3D的getContext（）..

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

但是，它仍然不会工作..！它说“不支持WebGL”

Answer 1

也许试试

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

Answer 2

一个好的选择是使用Babylon.js动态纹理在纹理中渲染你的2d内容并将其应用于背景（或前景）层：