刪除HTML畫布alpha通道

Question

我有一個非常大的HTML畫布元素覆蓋純色背景。我假設如果瀏覽器沒有將畫布混合到它後面的元素（在這種情況下是純色），則可以在滾動/平移時保存大量的cpu。

是否可以刪除畫布alpha通道？這應該留給瀏覽器來檢測和優化？或者速度收益微不足道？

Answer 1

沒錯，只是把一個長方形帶alpha :)

var context = document.getElementById("id of your canvas").getContext("2d"); 

context.fillStyle = "rgba(0, 0, 0, 1)"; // (red, green, blue, alpha from 0 to 255); 

// or just 

context.fillStyle = "rgb(0, 0, 0)"; // without alpha 
context.fillRect(0, 0, your_canvas_width, your_canvas_height);