美文网首页
webgl 清空绘图区

webgl 清空绘图区

作者: antlove | 来源:发表于2020-06-24 09:14 被阅读0次
<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

相关文章

  • webgl 清空绘图区

  • webgl绘图原理

    webgl 的同步绘图的现象,其实是由于 webgl 底层内置颜色缓冲区导致的.它在电脑中会占用一块内存,在我们使...

  • WebGL实现简单滤镜

    1. WebGL介绍 WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标...

  • Three.js 准备知识

    WebGL WebGL(全写Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把J...

  • WebGL学习第一天(上)

    首先了解什么是WebGL? WebGL 是一种 3D 绘图标准,这种绘图技术标准允许把 JavaScript 和 ...

  • 让人抓狂的WebGl

    什么是WebGL WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2...

  • webgl入门(一)

    webgl是基于 canvas 进行绘制,通过 getWebGLContext()来获取 webgl 的绘图上下文...

  • Unity Webgl 截屏白屏问题

    注:(会影响性能) 截图白屏是因为:默认的 WebGL 行为是在每帧之后清除绘图缓冲区,当打开preserveDr...

  • 五 WebGL

    ← Svg入门WebGL(Web Graphics Library)是一种 3D 绘图协议,WebGL可以为 HT...

  • vue+three.js的3D可视化机房

    1、WebGL与threeJS WebGL是一种3D绘图协议,其允许JavaScript和OpenGL ES2.0...

网友评论

      本文标题:webgl 清空绘图区

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