如何使用javascript在3d画布上绘制图像

我有这个

function doFirst(){
    var x = document.getElementById('canvas'); 
    var canvas = x.getContext('webgl') || x.getContext("experimental-webgl");
 }

我想在画布上画一个图像'sheep.png'。我使用这个，但它不起作用：

var pic = new Image();
pic.src = "images/sheep.png";
pic.addEventListener("load", function() { canvas.drawImage(pic,0,0,0)}, false);

---

drawImage

仅用于2D上下文，不能在webgl上下文中使用

为了在webgl中使用它，您需要使用图像作为纹理构建网格

如果您不熟悉webgl，您可能希望将three.js作为更易于使用的替代方案

drawImage()

我想只需要3个参数

看这个

还有这个