layout2vector turns rendered web layouts into production-ready files.
Extract live DOM geometry (HTML, SVG, transforms, form controls, optional same-origin iframes) and write it as DXF, DWG, EMF/EMF+, PDF, SVG, PNG/JPEG/WEBP, Canvas, or standalone HTML.
Why teams pick it
Quick code sample
import { extractIR, renderIR, DXFWriter, PDFWriter } from "@node-projects/layout2vector";
const root = document.getElementById("layout")!;
const ir = await extractIR(root, {
includeImages: true,
includeText: true,
convertFormControls: true,
walkIframes: true
});
const dxf = await renderIR(ir, new DXFWriter({ maxY: document.documentElement.scrollHeight }));
const pdfDoc = await renderIR(ir, new PDFWriter());
await pdfDoc.finalize();
const pdfBytes = pdfDoc.toBytes();
Advanced example pages
extractIRWithAssets() and PDFWriter({ useFontEditorCore: true }) so non-TTF webfonts are converted and embedded in the exported PDF.
Need browser-webfont fidelity for CAD/EMF? See the font fallback example.
Advantages over screenshot-focused libraries
| Capability | layout2vector | Typical screenshot libs |
|---|---|---|
| Native DXF / DWG / EMF / EMF+ | Yes | No |
| Structured IR for custom exporters | Yes | Usually no |
| Keeps text as text in vector/document outputs | Yes | Mostly rasterized |
| Standalone HTML and native SVG writers | Yes | Rare / partial |
| Screenshot outputs (PNG/JPEG/WEBP/Canvas) | Yes | Yes |
For a detailed matrix with html2canvas, html2canvas-pro, and SnapDOM, see FEATURES.md.
Example outputs
