Layout Calculation and Painting

Now that we have the complete render tree, the browser knows what to render but not where to render it. Hence, the layout of the page (i.e., the position and size of each node) needs to be calculated. The rendering engine goes through the render tree from top to bottom, calculating the coordinates at which each node should be displayed.

Once this is done, the final step is to take this layout information and paint the pixels on the screen.

Et voilà! In the end, we have a fully rendered web page!

<< Prev | 10/11 | Next >>
English
Home