如何使用JavaScript在3D画布上绘制图像

Question

我有这个

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);

Answer 1

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

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

如果您不熟悉webgl，则可能需要查看three.js作为更易于使用的替代方法。

Answer 2

drawImage()

我猜只有3个参数。

看到这个演示 。

和这个参考