重新繪製部分畫布vs圖層

Question

假設我有一個畫布。上半部分不斷動畫，而下半部分很少變化。在我的場景中，我有許多不同的動畫/動畫，所以我不希望有很多畫布在彼此之上。

我現在這樣做的方式是在整個頁面上繪製動畫，然後在其上繪製下半部分。 如果我只在上半部分畫畫，並且從不重畫下半部分，它會優化速度嗎？或者沒有關係？

謝謝，我感謝所有答案。

Answer 1

畫布的性能通常與您更改的像素數有關。所以只畫出一半的畫布，而不清除畫布，通常會比更新整個畫布更快。當你不繪製到畫布時，它也會注意到消耗任何CPU資源，因爲它本質上充當圖像。

但是，與所有與性能相關的問題的情況下，不要尋求建議，做一些測量！

使用內置的開發人員工具（F12）來分析渲染性能。啓用屏幕重繪矩形以查看瀏覽器的哪些部分正在重繪。查看是否僅在畫布的一部分上繪圖會導致瀏覽器重繪整個事物。