如何修改此WebGL drawImage等效项，使其不清除绘制在透明图像下的像素？

WebGL的drawImage方法是用于在画布上绘制图像的函数。默认情况下，它会清除绘制在透明图像下的像素。如果要修改这个行为，可以通过以下步骤来实现：

创建一个新的WebGL纹理对象，并将其绑定到画布上的一个纹理单元上。
将透明图像绘制到这个纹理对象上。
在绘制之前，将绘制目标的混合模式设置为不清除已有像素的模式。
使用drawImage方法将纹理对象绘制到画布上。

下面是一个示例代码，展示了如何修改WebGL的drawImage等效项，使其不清除绘制在透明图像下的像素：

// 获取WebGL上下文
const gl = canvas.getContext('webgl');

// 创建一个新的纹理对象
const texture = gl.createTexture();

// 将纹理对象绑定到纹理单元0
gl.activeTexture(gl.TEXTURE0);
gl.bindTexture(gl.TEXTURE_2D, texture);

// 设置纹理参数
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);

// 加载透明图像到纹理对象
const image = new Image();
image.onload = function() {
  gl.bindTexture(gl.TEXTURE_2D, texture);
  gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);

  // 设置混合模式为不清除已有像素的模式
  gl.enable(gl.BLEND);
  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);

  // 绘制纹理对象到画布上
  gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
};
image.src = 'transparent_image.png';

在这个示例中，我们首先创建一个新的纹理对象，并将其绑定到纹理单元0上。然后，我们加载透明图像到纹理对象上，并设置纹理参数。接下来，我们启用混合模式，并将其设置为不清除已有像素的模式。最后，我们使用drawArrays方法将纹理对象绘制到画布上。

这样修改后，WebGL的drawImage等效项就不会清除绘制在透明图像下的像素了。