极速赛车平台出租与WebGL入门

最近,越来越多的WebGIS平台使用WebGL进行开发,极速赛车平台出租[企俄:2152876294] 网址diguaym.com包括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><canvas></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

猜你喜欢

转载自blog.51cto.com/13930712/2161833
今日推荐