cc::TransformTree
Blink2861 Marras 2025

cc::TransformTree

source provides a highly detailed technical overview of the Transform Property Tree within the Chromium compositor, which is a core component of the RenderingNG architecture responsible for all coordinate transformations and geometric calculations. This structure uses TransformNode entries to represent individual coordinate spaces, enabling the efficient computation and caching of transforms such as to_parent (local transform to the parent) and to_screen (global transform to the root viewport). Critically, the TransformTree handles complex visual features like CSS transforms, scrolling (treating offsets as translation matrices), 3D contexts and flattening, and pixel snapping to ensure visual precision, all while propagating animation status and damage tracking to minimize recalculations and allow off-main-thread updates.


Jaksot(397)

Pseudo-Elements in Blink's Layout Tree

Pseudo-Elements in Blink's Layout Tree

In the Blink rendering engine, CSS pseudo-elements are managed through specialized C++ classes and internal structures that link them to their originating DOM elements. These entities are dynamically ...

2 Tammi 42min

Clip Nodes in the Blink and Chromium Compositor

Clip Nodes in the Blink and Chromium Compositor

The provided text explains how Chromium’s Blink engine and the compositor utilize clip nodes within property trees to manage page geometry and visual masking. These nodes define specific regions where...

2 Tammi 35min

Blink Runtime-Enabled Features in Chromium

Blink Runtime-Enabled Features in Chromium

Blink runtime-enabled features serve as internal configuration flags that allow Chromium developers to manage new web platform capabilities without rebuilding the browser. These flags facilitate safel...

1 Tammi 41min

Upward Propagation Mechanisms in Blink LayoutNG

Upward Propagation Mechanisms in Blink LayoutNG

The provided text explains how Chromium’s LayoutNG engine utilizes upward propagation to transfer critical layout data from child elements to their ancestors. By aggregating information such as intrin...

31 Joulu 202528min

Blink Sticky Positioning: Constraint Updates and Paint Invalidation

Blink Sticky Positioning: Constraint Updates and Paint Invalidation

The provided documentation details how the Blink rendering engine manages sticky positioning through specific methods within the PaintLayerScrollableArea class. It explains that the system first calcu...

30 Joulu 202530min

Blink’s Scrolling Engine: The PaintLayerScrollableArea Deep Dive

Blink’s Scrolling Engine: The PaintLayerScrollableArea Deep Dive

The provided text explains the PaintLayerScrollableArea, a central component within the Blink rendering engine that manages scrolling for web elements and viewports. It describes how this object bridg...

30 Joulu 202531min

Understanding PropagatedData in Blink’s LayoutNG Fragment Tree

Understanding PropagatedData in Blink’s LayoutNG Fragment Tree

In Blink’s LayoutNG engine, PropagatedData serves as a specialized, light-weight container used to carry critical layout information upward through the fragment tree. This garbage-collected object is ...

30 Joulu 202530min

Self-Painting Layers in Blink: Architecture and Implementation Decisions

Self-Painting Layers in Blink: Architecture and Implementation Decisions

In the Blink rendering engine, PaintLayers form a specialized hierarchy used to manage the visual assembly of a webpage, separate from the standard layout tree. These layers are created for elements r...

30 Joulu 202539min