如何理解硬件加速畫布

Question

我讀過a post，和裏面的東西調用硬件加速畫布
的代碼片段是

 
// Setting hardware scaling 
canvas.width = 300; 
canvas.style.width = window.innerWidth + 'px'; 
canvas.height = 200; 
canvas.style.height = window.innerHeight + 'px'; 

我不明白相當不錯這裏，它是如何有意義嗎？
它不會降低畫布中內容的質量，如顯示更大的像素嗎？
感謝

Answer 1

顯然，是的，它會。

這就像運行640x480等較低分辨率的遊戲全屏幕。

還有另一個article覆蓋此。

這不是特定於HTML5的方式。大多數現代遊戲機遊戲不是以720p或1080p內部計算的。幾乎所有的遊戲都以較低的分辨率（例如1024x600）呈現遊戲，並讓GPU執行縮放/反鋸齒過程。這可以幫助您在大多數情況下提高FPS。

Answer 2

是的，這將是更低的分辨率，但該帖稱：

...我們可以在一個較小的分辨率下工作，讓GPU重新縮放 結果，以適應DOM對象（帶有美麗且免費的濾鏡以模糊 結果）。

理論上這種技術可以提高性能而不會過分犧牲質量。您可能想要使用canvas.width和canvas.height來實現最佳性能/質量比。