webgl 模拟试卷
WebGL 概述与环境准备专题测试
- WebGL 技术定位与能力边界: WebGL 在浏览器图形体系中的定位，以及与 Canvas 2D、WebGPU 的能力差异
- WebGL 与 OpenGL ES 的对应关系: WebGL 1.0/2.0 与 OpenGL ES 2.0/3.0 的版本对应与能力裁剪
- 浏览器与设备支持判断: 通过 getContext 返回值与调试扩展判断当前设备是否支持 WebGL
- 开发环境与调试工具搭建: 配置本地静态服务器、浏览器开发者工具与 WebGL 调试扩展
- Canvas 上下文创建与尺寸适配: 创建 webgl 上下文并处理设备像素比与画布尺寸自适应
- WebGL 典型应用场景: 三维展示、数据可视化、在线游戏与数字孪生中的 WebGL 落地形态
试卷习题（18 题）
参考答案在文末判断题
1
判断题
调用 canvas.getContext('webgl') 返回 null 时，说明当前环境不支持 WebGL，程序应当走降级分支。
2
判断题
纯二维图表、简单动画与文本排版使用 Canvas 2D、SVG 或 CSS 实现，通常比使用 WebGL 更轻量。
3
判断题
canvas 元素的 width、height 属性决定渲染缓冲的像素数量，与 CSS 设置的显示尺寸相互独立。
4
判断题
WebGL 1.0 对应的图形规范是 OpenGL ES 2.0。
5
判断题
WebGL 是浏览器内置的图形接口，无需安装任何第三方插件即可使用。
6
判断题
开发 WebGL 页面时应通过本地 HTTP 静态服务器访问，直接用 file:// 打开可能导致纹理上传失败。
单选题
7
单选题
WebGL 2.0 对应以下哪一套图形规范？
8
单选题
需要获取当前设备真实的显卡厂商与型号来排查兼容问题时，应该怎么做？
9
单选题
页面出现黑屏且控制台没有任何报错时，最有效的排查手段是什么？
10
单选题
在设备像素比为 2 的手机上，为避免 WebGL 画面模糊，正确的处理方式是什么？
11
单选题
WebGL 在浏览器图形体系中的核心定位是什么？
12
单选题
以下哪一类场景最适合选用 WebGL 实现？
多选题
13
多选题
关于 WebGL 的支持检测与上下文管理，以下说法正确的是？
14
多选题
相比 WebGL 1.0，WebGL 2.0 原生支持以下哪些能力？
15
多选题
搭建 WebGL 开发与调试环境时，以下做法正确的是？
16
多选题
关于 WebGL 与 Canvas 2D 的差异，以下说法正确的是？
17
多选题
关于画布尺寸、视口与清屏，以下说法正确的是？
18
多选题
以下哪些属于 WebGL 的典型应用场景？
参考答案
1.正确
2.正确
3.正确
4.正确
5.正确
6.正确
7.C
8.B
9.B
10.B
11.B
12.C
13.A;B;C
14.A;B;C
15.A;B;D
16.A;B;D
17.A;B;D
18.A;B;C
