webGL 绘制图形
标签:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>webGL绘制图形</title> </head> <body> <canvas id="cvs" width="200" height="200" style="border: 1px solid red;"> 你的浏览器不撑持canvas元素 </canvas> <script> // 获取画布 var cvs = document.querySelector('#cvs') // 获取元素的上下文东西 var gl = cvs.getContext('webgl') // 设置绘制图形的填充颜色 gl.clearColor(1.0, 0.0, 0.4, 1.0) // 挪用缓存中的值填充图形 gl.clear(gl.COLOR_BUFFER_BIT) </script> </body> </html>webGL 绘制图形
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32249.html