Scene graph to Canvas and WebGL
DXF Rendering
Connect file structure to deterministic visible geometry.
Explore source ↗Capability
Document builders, entity adapters, tessellation, text layout, materials, plot styles, layers, blocks, hatches, dimensions, overlays, and retained scene nodes drive Canvas and WebGL-oriented rendering surfaces.
- 01
Retained rendering scene graph
- 02
Canvas and WebGL-oriented surfaces
- 03
Text, hatches, dimensions, blocks, and layers
- 04
SVG and JSON frame regression baselines
How it composes
From intent
to working system.
Build
Parsed sections, tables, blocks, and entities become a normalized rendering document.
Scene
Retained nodes carry geometry, styles, text, materials, ordering, and pick metadata.
Surface
Canvas or WebGL-oriented adapters draw the resolved scene.
Verify
Frame JSON and SVG outputs compare against checked-in baselines.
Quick start
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.
git clone https://github.com/wieslawsoltes/DxfParser.git# Load dist/dxf-rendering.global.js after the parser.const document = DxfRendering.buildDocument(nodes);const scene = DxfRendering.buildScene(document);
const renderer = new DxfRendering.Renderer(canvas);renderer.setScene(scene);renderer.render();Modules in this capability
Use one layer.
Compose the rest.
Source of truth
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.