This example shows how to capture a full relation-graph scene as Base64 image data instead of downloading it immediately. It loads a static graph, prepares the canvas for export, captures it with a shared modern-screenshot helper, converts the blob to a data URL, and previews both the image and the raw string in a floating utility window.

Export a Relation Graph as Base64 Image Data

What This Example Builds

This example builds a read-only graph export utility that keeps the capture result in memory instead of downloading it immediately. The page shows a full-height relation-graph canvas, blue circular nodes, the built-in toolbar at the top-right, and a floating control window above the graph.

Users can choose an export background color, run a Generate Image Base64 action, preview the generated screenshot, and inspect th

Export Graph Base64 Image Data

Export a Relation Graph as Base64 Image Data

What This Example Builds