浏览器如何呈现实际像素

Question

我正在寻找有关浏览器如何呈现/绘制屏幕上实际像素的解释。
我找到了这个答案，其中包含关于浏览器如何从 html 和 css 到屏幕上的实际表示的精彩图片。

但这并不能解释实际的绘画步骤是如何实现的。 那么实际的框架树是怎么画的呢？

是用顶点缓冲区和着色器完成的吗？

例如：可以通过创建四边形来渲染 div，然后使用着色器渲染该四边形，例如根据样式向 div 添加边框、圆角等？

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

如何处理长文本？ 为每个字母生成四边形听起来不是很高效？

让我知道是否需要额外的上下文或说明！

Answer 1

这取决于浏览器和浏览器的版本。 这是一篇很棒的文章。