WebGL入门——WebGL支持检测

最近,越来越多的WebGIS平台使用WebGL进行开发,包括Leaflet、Openlayers、ArcGIS等,作为一个GIS人,连接WebGL太有必要了,一起来学习WebGL吧。

目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+。

可以使用下面的代码检测浏览器是否支持WebGL。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebGL入门</title>
</head>
<body onload="main()">
<canvas id="glcanvas" width="640" height="480">
    浏览器不支持Html5 <code>&lt;canvas&gt;</code> 元素.
</canvas>
<script>
    function main() {
        //获取上下文对象
        const canvas=document.querySelector("#glcanvas");
        const gl=canvas.getContext("webgl");
        //检测WebGL支持
        if(!gl){
            console.error("浏览器不支持WebGL");
            return
        }
        //设置背景色
        gl.clearColor(0.0,0.0,0.0,1);
        //设置缓冲区颜色
        gl.clear(gl.COLOR_BUFFER_BIT);
    }

</script>
</body>
</html>

如果页面中出现一块黑色区域,就说明浏览器支持WebGL

转载自:https://blog.csdn.net/GISuuser/article/details/81867942

You may also like...