浏览器如何渲染实际像素

Question

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

但这并没有向我解释实际的绘画步骤是如何实现的。那么实际的框架树是如何绘制的呢？

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

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

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

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

如果需要额外的上下文或说明，请告诉我！

Answer 1

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