胜小白 2025-07-02 17:37 采纳率: 50%
浏览 8

想在stm32mp157开发板运行html文件，但是html文件中的3D图形始终显示不出来，报错如上图，如何解决？

img

想在stm32mp157开发板运行html文件，但是html文件中的3D图形始终显示不出来，报错如上图，经过测试，开发板上是有Opengl ES2.0的，但是不知道为什么用不了？请求各位解答，非常感谢

  • 写回答

5条回答 默认 最新

  • 阿里嘎多学长 2025-07-02 17:37
    关注

    阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

    解决方案

    你遇到的问题是因为STM32MP157开发板上的OpenGL ES2.0库不支持3D图形渲染。STM32MP157开发板上的OpenGL ES2.0库主要用于2D图形渲染，而不是3D图形渲染。

    如果你想在STM32MP157开发板上运行3D图形，你需要使用其他图形库，例如:

    • OpenVG：是一个2D和3D图形库，支持OpenGL ES2.0和OpenVG1.1。
    • Mali-400/450/470：是一个3D图形库，支持OpenGL ES2.0和OpenVG1.1。

    你可以尝试使用OpenVG或Mali-400/450/470库来渲染3D图形。

    另外，你也可以尝试使用WebGL来渲染3D图形，但是需要在HTML文件中添加相应的JavaScript代码。

    代码示例

    使用OpenVG库渲染3D图形：

    #include <vg.h>

int main() {
    // 初始化OpenVG库
    vgInitialize();

    // 创建一个3D图形
    vgCreate3DObject(VG_TYPE_TRIANGLES, 3, 3, 0);

    // 设置3D图形的属性
    vgSet3DObjectAttribute(VG_ATTRIBUTE_POSITION, 0, 0, 0);
    vgSet3DObjectAttribute(VG_ATTRIBUTE_NORMAL, 0, 0, 0);

    // 渲染3D图形
    vgRender3DObject();

    // 释放OpenVG库
    vgTerminate();
    return 0;
}

    使用WebGL渲染3D图形：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>3D图形</title>
    <script type="application/javascript">
        // 获取WebGL上下文
        var gl = canvas.getContext('webgl');

        // 创建一个3D图形
        var vertices = new Float32Array([
            -1, -1, 0,
            1, -1, 0,
            0, 1, 0
        ]);

        // 设置3D图形的属性
        gl.vertexAttribPointer(gl.getAttribLocation(gl.program, 'position'), 3, gl.FLOAT, false, 0, 0);

        // 渲染3D图形
        gl.drawArrays(gl.TRIANGLES, 0, 3);
    </script>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
</body>
</html>

    结论

    总的来说，STM32MP157开发板上的OpenGL ES2.0库不支持3D图形渲染，你需要使用其他图形库或WebGL来渲染3D图形。

    评论

报告相同问题？

问题事件

  • 创建了问题 7月2日