瀏覽器如何呈現實際像素

Question

我正在尋找有關瀏覽器如何呈現/繪制屏幕上實際像素的解釋。
我找到了這個答案，其中包含關於瀏覽器如何從 html 和 css 到屏幕上的實際表示的精彩圖片。

但這並不能解釋實際的繪畫步驟是如何實現的。 那么實際的框架樹是怎么畫的呢？

是用頂點緩沖區和着色器完成的嗎？

例如：可以通過創建四邊形來渲染 div，然后使用着色器渲染該四邊形，例如根據樣式向 div 添加邊框、圓角等？

或者是否使用了其他一些技術？

如何處理長文本？ 為每個字母生成四邊形聽起來不是很高效？

讓我知道是否需要額外的上下文或說明！

Answer 1

這取決於瀏覽器和瀏覽器的版本。 這是一篇很棒的文章。