webgl 清空绘图区

2020-06-24  本文已影响0人  antlove
<html>
    <head>
        <title>clear canvas</title>
        <style>
            canvas{
                border: 1px dashed pink;
            }
        </style>
    </head>
    <body>
        <canvas id="webgl" width="400" height="400"></canvas>
    </body>
</html>

<script>
    // 获取canvas元素
    var canvas = document.getElementById('webgl');
    // 获取WebGL绘图上下文
    var gl = canvas.getContext('webgl');
    // 设置背景颜色
    gl.clearColor(0.5, 0.5, 0.5, 1);
    // 清空canvas
    gl.clear(gl.COLOR_BUFFER_BIT);
</script>
image.png
上一篇 下一篇

猜你喜欢

热点阅读