Blink Rendering Pipeline — Style, Layout, Paint
How Chromium's Blink engine resolves CSS, lays out elements, and paints
35 docs tagged with "Chromium"
Chromium / Blink / cc compositor source research notes.
View all tagsChromium Compositor — Glossary
Key terms and concepts from the Chromium compositor (cc/) and display
Chromium Compositor Architecture
The Chromium compositor (cc/) is responsible for taking painted content
Chromium Compositor Research
Research findings from reading the Chromium source code (chromium/cc/,
Chromium Compositor Scheduler
The scheduler orchestrates the frame production pipeline. It receives
Chromium Damage Tracking
The damage tracking system computes the region of each render surface that
Chromium Dirty-Flag Management
Research document describing the mechanisms Chromium/Blink uses to mark
Chromium Effect Optimizations
How Chromium optimizes visual effects (blur, shadow, opacity, blend modes,
Chromium External Resource Loading — Lifecycle & Architecture
How Chromium fetches, caches, and integrates external resources (images, stylesheets, fonts) into the rendering pipeline.
Chromium Interaction and Quality Management
How Chromium maintains smooth interaction (scroll, pinch-zoom) even when
Chromium Memory Management and Tile Priority
Memory Budget
Chromium Node Data Layout for Rendering
How Chromium stores and accesses per-node data across its rendering
Chromium Paint Recording System
How Chromium records, stores, and replays paint operations. The recording
Chromium Pinch-Zoom Deep Dive
Complete mechanism for how Chromium handles pinch-to-zoom: the immediate
Chromium Property Trees
The compositor stores layer properties (transform, effect, clip, scroll) in
Chromium Render Surfaces
A render surface is an offscreen GPU texture that a subtree is composited
Chromium Resolution Scaling During Interaction
Source-level analysis of how Chromium handles rendering resolution during
Chromium SVG <use> and <foreignObject>
Two mechanisms that create cross-tree references in SVG:
Chromium SVG Accessibility
How SVG elements appear in Blink's accessibility (AX) tree. SVG is a
Chromium SVG Animated Properties (baseVal / animVal)
Every animatable SVG attribute is exposed to JavaScript as an
Chromium SVG Animation and SMIL
How Blink animates SVG. Two engines coexist: SMIL (`, `,
Chromium SVG as Image
Three deployment modes for SVG content, with differing pipelines:
Chromium SVG Coordinate Systems
How Blink tracks transforms and coordinate spaces from the outer `` down
Chromium SVG Hit Testing
How Blink resolves a point in SVG space to an element. Different from HTML
Chromium SVG Migration Status
A snapshot of which Blink rendering systems SVG participates in fully, which
Chromium SVG Paint Servers
How fill="url(#id)" and stroke="url(#id)" resolve into Skia shaders. Paint
Chromium SVG Path Geometry and Stroking
How ` data becomes an SkPath`, and how SVG stroke properties
Chromium SVG Pattern Paint Server
How Chromium handles the SVG `` element. The pattern element is a
Chromium SVG Pipeline Overview
The end-to-end pipeline for rendering SVG inside Blink. Emphasis on where the
Chromium SVG Rendering Research
How Blink (Chromium's rendering engine) renders SVG. These documents describe
Chromium SVG Resources and Effects
`, , , ` — the four non-paint-server
Chromium SVG Text
SVG text is the most intricate part of SVG rendering because it combines:
Chromium Tiling and Rasterization
Tiling Model
Chromium Tiling Deep Dive
Deep dive into Chromium's tiling implementation from source (cc/).
SVG Rendering: Chromium vs Servo vs resvg
A cross-engine comparison of how SVG rendering is factored across three