WebGL Fillstyle

Question

我目前有一个画布，我正在渲染一个ThreeJS场景。一切都很好，但是，我想在它上面显示一个透明的填充。

使用普通画布，我只需要

canvas = document.getElementById('canvas');
context = canvas.getContext('2d');

当然，这不起作用，因为我使用WebGL并且上下文不同。但我尝试将fillStyle应用于

renderer.context

什么都没发生。 我通过控制台检查，属性确实出现在上下文中

WebGLRenderingContext {fillStyle: "rgba(204, 61, 202, 0.7 )", canvas: canvas#canvas, drawingBufferWidth: 475, drawingBufferHeight: 397}

但是，颜色不会出现。

知道这是否可行？

链接到示例http://creativiii.com/

Answer 1

我相信你可能正在寻找

renderer.setClearColor(0xcc3dca, 0.7)
renderer.clear()