Retained and time-based SVG

Scene Graph & Animation

Move beyond static pictures into inspectable, time-varying SVG scenes.

Explore source
Parent systemSvg.Skia
StatusPreview
Modules2
RepositorySvg.Skia/Svg.SceneGraph

A retained SVG scene graph and shared animation runtime separate document state, playback, invalidation, and host rendering.

  1. 01

    Retained SVG node graph

  2. 02

    Shared animation timeline

  3. 03

    Host-controlled playback

  4. 04

    Targeted invalidation and rendering

From intent
to working system.

01

Scene

Document elements become retained, addressable nodes.

02

Timeline

Animation tracks resolve values at a requested time.

03

Invalidate

Changed nodes mark the minimum scene region for update.

04

Host

UI or headless hosts control clocks and presentation.

Adopt this
capability.

Start with the primary module, then add the related packages only when the application needs those layers. Replace VERSION with the current NuGet version.

01 · Install
Terminal
dotnet add package Svg.SceneGraph --prerelease
dotnet add package Svg.Animation --prerelease
02 · Use · csharp
QuickStart.cs
var scene = SvgScene.Load(document);
var player = new SvgAnimationPlayer(scene);
player.Seek(TimeSpan.FromSeconds(1.5));
player.Render(canvas);

Use one layer.
Compose the rest.

Read the module beside the complete system.

The implementation, samples, issues, and release notes stay in the parent repository so module details remain connected to the product architecture.

Svg.Skia

Search everything.

Loading the index…

move open esc close

Preparing metadata and full-text search…