3.画布元素与绘制上下文

最新推荐文章于 2022-08-30 15:27:15 发布

sheerhr

最新推荐文章于 2022-08-30 15:27:15 发布

阅读量217

点赞数

分类专栏： webgl 文章标签： WebGL 上下文 JavaScript 画布 3D渲染

本文链接：https://blog.csdn.net/qq_24871849/article/details/112321097

版权

webgl 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

所有的WebGL渲染都发生在一个上下文中，这是一个JavaScript DOM对象，可以提供完整的WebGL API。这个结构类似于HTML5元素的2D绘制上下文。想要使用WebGLobal，只需要创建一个元素，然后获取与它关联的DOM对象，最后再为其获取一个WebGL上下文即可。
下边的示例展示了如何从画布的DOM对象中获得WebGL上下文。

    function initWebGL(canvas) {

        var gl;
        try 
        {
            gl = canvas.getContext("experimental-webgl");
        } 
        catch (e)
        {
            var msg = "Error creating WebGL Context!: " + e.toString();
            alert(msg);
            throw Error(msg);
        }

        return gl;        
    }