浏览器如何渲染实际像素

Fut*_*ake 7 browser rendering html-rendering

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

在此处输入图片说明

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

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

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

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

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

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

Joe*_*tro 0

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