美文网首页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