如何使用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个参数。

请参阅此demo。

和reference