是否可以在背景顏色和背景圖像之間交替？

Question

我有這個程序，可以在其中向場景添加lights （存儲在數組中）。 當我第一次啟動程序時，我希望一切都是黑色的，所以我調用gl.clearColor(0, 0, 0, 1); 在我的設置中。 但是有光的時候，我想把背景換成圖像，沒有光的時候，我想讓一切都變黑。 我試圖在我的渲染 function 中調用它：

if(lights.length == 0) {
  canvas.style.background = "#000000 none";
} else {
  canvas.style.background = "transparent url('nebula.png')";
}

但這並沒有像我預期的那樣工作。 有人知道如何實現這一目標嗎？

Answer 1

不要在 canvas 上使用背景屬性。
使用context.fillRect()設置背景顏色
使用context.fillImage()設置背景圖片
參考：
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect <= fillRect()
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage <= fillImage()