blink::GraphicsContext
Blink28610 Loka 2025

blink::GraphicsContext

immediate drawing API that records to a display list.

Painters for layout objects use GraphicsContext to “draw”—but in modern Blink those calls get recorded into a display list (PaintRecord) backed by Skia commands. This recording is scoped and batched between BeginRecording(...)/EndRecording(). (Chromium Git Repositories)

Key methods (how display items get their pixels)

  • Recording: BeginRecording(const FloatRect&) → sk_sp<PaintRecord> EndRecording() — wraps a run of drawing commands for later replay. (Chromium Git Repositories)

  • Draw ops (representative): DrawRect, DrawImage(...), DrawText(...), BeginLayer/EndLayer — the stuff that becomes Skia ops inside display items. (Chromium Git Repositories)

Important fields

  • cc::PaintCanvas* canvas_ (owned by recorder), PaintRecorder paint_recorder_ — actual recording guts;

  • float device_scale_factor_, state stacks/flags — needed for correct pixel snapping/appearance. (Chromium Git Repositories)

Hands off to: PaintController, which packages these recorded ops into chunks/items.


Jaksot(396)

React Fiber, Concurrency, and Reconciliation

React Fiber, Concurrency, and Reconciliation

The source provides an extensive overview of React's internal architecture, focusing on the Fiber reconciliation engine and the concept of concurrent rendering. It explains how declarative JSX is comp...

4 Marras 20251h 14min

SOLID Principles in Chromium Blink Compositor

SOLID Principles in Chromium Blink Compositor

The provided source is an in-depth analysis of the Chromium Blink cc Compositor module's architecture, viewed through the lens of the SOLID software design principles. This technical document, aimed a...

2 Marras 20251h 2min

cc::ScrollTree

cc::ScrollTree

The source text provides an exhaustive technical overview of the Scroll Property Tree (cc::ScrollTree) within the Chromium compositor architecture, which is critical for enabling smooth, off-main-thre...

2 Marras 202547min

cc::EffectTree

cc::EffectTree

The source provides an extensive technical explanation of the Effect Property Tree within the Chromium compositor, which is crucial for managing how visual effects are applied to web content. This tre...

2 Marras 20251h 1min

cc::ClipTree

cc::ClipTree

The source provides an extensive technical overview of the ClipTree within Chromium's compositor property tree architecture, explaining its critical role in managing geometric clipping. The ClipTree i...

1 Marras 20251h 13min

cc::TransformTree

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 coordi...

1 Marras 20251h 11min

cc::LayerImpl: Compositor Layer Deep Dive

cc::LayerImpl: Compositor Layer Deep Dive

The sources provide an exhaustive technical explanation of the cc::LayerImpl class, which is the core representation of a visual element within Chromium's multi-threaded rendering pipeline. These laye...

1 Marras 20251h 8min

Chromium Tile Raster Transform Propagation Audit

Chromium Tile Raster Transform Propagation Audit

This detailed audit examines the complete code path within Chromium that determines the raster_transform_ property of a cc::Tile, which is an immutable scale and translation used during rasterization....

31 Loka 202528min