snapDOM

snapDOM

C'EST QUOI ?

snapDOM est un moteur de capture du DOM en JavaScript qui transforme n'importe quel élément de page en image. Il se positionne comme une alternative moderne, rapide et sans dépendance à html2canvas et dom-to-image. Tout repose sur des APIs web standard : pas de runtime tiers, pas de dépendances à installer.

POURQUOI C'EST INTÉRESSANT ?

  • Capture fidèle : Récupère l'élément avec ses styles embarqués, pseudo-éléments et polices. Le rendu colle à ce que l'utilisateur voit réellement.
  • Multi-formats : Export en SVG, PNG, JPG, WebP, Canvas ou Blob depuis une seule capture. Un clone, plusieurs sorties réutilisables.
  • Zéro dépendance, ultra-rapide : Construit uniquement sur les Web APIs, il vise des captures en moins d'une seconde et surpasse les libs concurrentes sur les benchmarks.
  • Cas limites gérés : Iframes same-origin, compteurs CSS, line-clamp… les détails qui font planter les autres outils sont pris en charge.
  • Système de plugins : Architecture extensible (en bêta) pour ajouter ses propres exporters et transformations sans toucher au cœur.

CAS D'USAGE

  • Générer une image de partage (Open Graph, réseaux sociaux) à partir d'un composant rendu côté client
  • Exporter un graphique, un tableau ou un reçu en PNG/PDF directement depuis le navigateur
  • Créer des aperçus ou vignettes de pages sans serveur de rendu headless
  • Capturer l'état d'une UI pour des rapports de bug ou de la documentation visuelle