DrawnUI Blazor Server Sample

Blazor Server host rendering server-generated image frames with SkiaSharp.

DrawnUI Blazor Server Example

This page runs as classic Blazor Server (EU). Using package DrawnUi.Blazor.Server to render graphics with SkiaSharp on the server and deliver as image frame. JPEG is the default delivery mode and PNG stays available when you need transparency.

Frame delivery: JPEG, quality 85, using the canvas background color or white when the canvas background is transparent.

85

A: Generated on server: multiple small regions:

Dashboard mock

Regular Razor owns the layout, 3 DrawnUI server-side canvases are used to paint regions inside. Inspect HTML to see the structure.

Each canvas updates at its own cadence.
Server-rendered dashboard chart tile
Server-rendered dashboard metric tile
Server-rendered dashboard metric tile

B: Generated on server, auto-sized:

DrawnUI server-rendered sample