Back to browse
GitHub Repository

Render HTML string into canvas using 2d native API

100 starsTypeScript

Render-tag – A rich text renderer for the Canvas 2D API

by lavrton·Apr 24, 2026·2 points·0 comments

AI Analysis

●●SolidNiche GemWizardry

Pure canvas 2D text rendering avoids slow SVG foreignObject overhead for rich text.

Strengths
  • Synchronous rendering without DOM dependencies enables usage in Node.js or OffscreenCanvas contexts.
  • Built-in CSS parser handles styles without needing a live browser DOM environment.
  • Significantly faster than SVG foreignObject approaches for static rich text export scenarios.
Weaknesses
  • Limited to rich text only; no support for interactive elements or complex layouts.
  • Requires manual font loading management before rendering to ensure correct text metrics.
Target Audience

Canvas developers, design tool builders, graphics programmers

Similar To

html2canvas · dom-to-image

Similar Projects

Giving HTML, Canvas Superpowers

355 LOC Chromium hack for Figma-like HTML performance, but security concerns unaddressed.

Bold Bet
yeargun
202mo ago