在webgl画布的00 点，绘制一张图片

在WebGL中，在画布的原点(0,0)处绘制一张图片，你需要做以下几个步骤：

1. **初始化WebGL上下文**：首先，你需要找到HTML中的Canvas元素并获取它的WebGL上下文。

var canvas = document.getElementById('your-canvas-id');
var gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');

2. **加载图片并创建纹理**：创建一个新的Image对象加载图片，加载完毕后，我们可以将其转化为纹理。

var img = new Image();
img.src = 'image-url'; // 替换为你的图片URL
img.onload = function() {
    var texture = gl.createTexture();
    gl.bindTexture(gl.TEXTURE_2D, texture);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
};

3. **设置纹理坐标**：为了在(0,0)位置绘制，你需要确保纹理坐标从左上角开始。这通常在着色器中设置，例如：

// 假设你的着色器有个名为"textureCoord"的变量
gl.uniform2f(gl.getUniformLocation(shaderProgram, "textureCoord"), 0, 0); // (0,0)

4. **绘制图片**：创建一个简单的四边形来代表图片，比如一个三角形strip，设置顶点位置为图片的四个角落：

var vertices = [
    -1, -1, 0, // 左上角
    1, -1, 0,  // 右上角
    -1, 1, 0   // 左下角
];

gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
gl.enableVertexAttribArray(vertexAttributeLocation);
gl.vertexAttribPointer(vertexAttributeLocation, 3, gl.FLOAT, false, 0, 0);

drawImageAtZero(); // 调用你自己定义的函数

在`drawImageAtZero()`函数中，你需要设置好当前使用的纹理，以及使用正确的顶点数据和绘制命令。

注意，上述代码假设你已经有一个已链接好的着色器程序(`shaderProgram`)并且设置了纹理坐标的位置。如果你没有，可能还需要设置顶点着色器和片段着色器来指定纹理坐标的行为。