0

我有这个

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

2 回答 2

2

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

为了在 webgl 中使用它，您需要构建一个网格，并将您的图像用作纹理。

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

于 2013-02-20T10:07:10.470 回答
-1 
drawImage()

我猜只需要 3 个参数。

请参阅此演示。

和这个参考

于 2013-02-20T10:07:13.013 回答