The Chromium Projects

Search this site

Except as otherwise noted, the content of this page is licensed under a Creative Commons Attribution 2.5 license, and examples are licensed under the BSD License.
For Developers‎ > ‎Design Documents‎ > ‎

Rendering Architecture Diagrams

This document is a collection of diagrams illustrating various aspects of Chromium's rendering architecture.

The sequence diagram below illustrates how Javascript and CSS animations are scheduled using the requestAnimationFrame callback mechanism.



After the Javascript callback is executed or the CSS animations have been updated, the WebView generally needs to be repainted. The following (simplified) diagrams show the code execution flow during a repaint in the non-composited software rendering, composited software rendering and composited GPU rendering modes.

Non-composited SW rendering Composited SW rendering Composited GPU rendering
 
 
 

Comments