如何在webgl上获取模型视图转换后被绘制对象的二维尺寸进行命中测试

const canvas = document.getElementById('myCanvas');
const gl = canvas.getContext('webgl');

// 创建顶点着色器
const vertexShaderSource = `
    // 顶点坐标
    attribute vec3 aPosition;
    // 模型视图转换矩阵
    uniform mat4 uModelViewMatrix;
    
    void main() {
        // 计算变换后的顶点坐标
        gl_Position = uModelViewMatrix * vec4(aPosition, 1.0);
    }
`;
const vertexShader = gl.createShader(gl.VERTEX_SHADER);
gl.shaderSource(vertexShader, vertexShaderSource);
gl.compileShader(vertexShader);

// 创建片元着色器
const fragmentShaderSource = `
    void main() {
        gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0); // 设置颜色为红色
    }
`;
const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
gl.shaderSource(fragmentShader, fragmentShaderSource);
gl.compileShader(fragmentShader);

// 创建着色器程序
const program = gl.createProgram();
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
gl.useProgram(program);

// 定义模型的顶点数据
const vertices = [
    -0.5, -0.5, 0.0,
    0.5, -0.5, 0.0,
    0.0, 0.5, 0.0
];

// 创建顶点缓冲区
const vertexBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);

// 将顶点数据传递给顶点着色器
const aPosition = gl.getAttribLocation(program, 'aPosition');
gl.enableVertexAttribArray(aPosition);
gl.vertexAttribPointer(aPosition, 3, gl.FLOAT, false, 0, 0);

// 定义模型视图转换矩阵
const modelViewMatrix = mat4.create();
mat4.translate(modelViewMatrix, modelViewMatrix, [0.0, 0.0, -5.0]); // 平移模型

// 将模型视图转换矩阵传递给顶点着色器
const uModelViewMatrix = gl.getUniformLocation(program, 'uModelViewMatrix');
gl.uniformMatrix4fv(uModelViewMatrix, false, modelViewMatrix);

gl.clearColor(0.0, 0.0, 0.0, 1.0); // 设置清空颜色为黑色
gl.clear(gl.COLOR_BUFFER_BIT);

gl.drawArrays(gl.TRIANGLES, 0, 3); // 绘制三角形

// 读取帧缓冲区像素数据
const pixelData = new Uint8Array(4);
gl.readPixels(x, y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixelData);

// 判断命中测试结果
if (pixelData[0] === 255 && pixelData[1] === 0 && pixelData[2] === 0 && pixelData[3] === 255) {
    console.log('命中测试通过');
} else {
    console.log('命中测试未通过');
}