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)

The Evolution and Deprecation of Blink’s PaintLayer Tree

The Evolution and Deprecation of Blink’s PaintLayer Tree

The provided text outlines the Blink rendering engine's multi-year transition away from its legacy PaintLayer tree toward a more efficient RenderingNG architecture. Traditionally, PaintLayers managed ...

27 Joulu 202542min

[EXPERT] The PaintLayer Tree in Blink Rendering

[EXPERT] The PaintLayer Tree in Blink Rendering

The provided text explains the PaintLayer tree, an internal architectural component of Google Chrome’s Blink rendering engine that manages complex visual tasks. PaintLayers are selectively created for...

26 Joulu 202540min

CSS Sticky Positioning and Paint Property Trees

CSS Sticky Positioning and Paint Property Trees

This documentation details how the Blink rendering engine manages CSS sticky positioning through its PrePaint and paint property tree workflows. During the PrePaint phase, the engine identifies sticky...

26 Joulu 202551min

[General] Inside Blink: The Paint Property Tree Builder Pipeline

[General] Inside Blink: The Paint Property Tree Builder Pipeline

The PaintPropertyTreeBuilder is a critical component within Google Chrome’s Blink engine that converts layout data into structural property trees used for rendering. Operating during the PrePaint phas...

24 Joulu 202550min

Inside Blink: The Paint Property Tree Builder Pipeline

Inside Blink: The Paint Property Tree Builder Pipeline

The PaintPropertyTreeBuilder is a critical component within Google Chrome’s Blink engine that converts layout data into structural property trees used for rendering. Operating during the PrePaint phas...

24 Joulu 20251h 4min

Promisify Scroll: Promise-Based Web Scrolling API

Promisify Scroll: Promise-Based Web Scrolling API

The provided text describes a web platform initiative to modernize how browsers handle scrolling by having programmatic scroll methods return JavaScript Promises. Currently, functions like scrollTo() ...

24 Joulu 202528min

CSS Containing Blocks and Blink Engine Implementation

CSS Containing Blocks and Blink Engine Implementation

This text examines how CSS containing blocks function and how the Blink rendering engine implements these rules within Chromium. It explains that a containing block is the essential rectangular refere...

23 Joulu 202526min

Axis-Split Sticky Constraints in Chromium Layout and Compositing

Axis-Split Sticky Constraints in Chromium Layout and Compositing

Chromium is refining its rendering engine to support axis-split sticky constraints, allowing elements to stick to different scroll containers for horizontal and vertical movements. Previously, a singl...

23 Joulu 202533min