#鸿蒙通关秘籍#如何在HarmonyOS中创建一个WebGL2上下文？

<div class="container">
    <canvas ref="canvas1" style="width: 400px; height: 200px; background-color: lightyellow;"></canvas>
    <button class="btn-button" onclick="BtnDraw2D">BtnDraw2D</button>
</div>
1.
2.
3.
4.

// 获取canvas组件实例
const el = this.$refs.canvas1;
// 从canvas组件实例获取WebGL上下文
const gl = el.getContext('webgl2');
// 设置清除颜色
gl.clearColor(0.0, 0.0, 0.0, 1.0);
1.
2.
3.
4.
5.
6.