美文网首页WebGL
WebGL 3D (入门篇)

WebGL 3D (入门篇)

作者: WebGiser | 来源:发表于2018-12-12 18:02 被阅读17次
    image.png image.png
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body onload="init()">
        <canvas id="canvas" width="600px" height="600px" style="border: 1px solid #ff0000;">
            
        </canvas>
    
        <script type="text/javascript">
            function init(){
                //获取<canvas>元素
                var canvas = document.getElementById('canvas');
    
                //获取三维图形的绘图上下文
                var gl = canvas.getContext('webgl');
    
                //指定清空<canvas>颜色
                gl.clearColor(0.0,0.0,1.0,1.0); 
                //清空<canvas>
                gl.clear(gl.COLOR_BUFFER_BIT);
            }
        </script>
    </body>
    </html>
    
    image.png

    相关文章

      网友评论

        本文标题:WebGL 3D (入门篇)

        本文链接:https://www.haomeiwen.com/subject/jopphqtx.html