html2canvas
Capture DOM vers image. Utilisé ici pour générer les certificats Academy.
Forces
- Capture le rendu DOM exact tel que vu par l'utilisateur, pas de screenshot serveur
- Fonctionne entièrement côté client, sans dépendance serveur ni API externe
- Intégration React simple : cibler un ref et appeler html2canvas(element)
Limites
- Limitations CSS importantes : SVG, CSS variables, certains gradients mal rendus
- Performances lentes sur les éléments complexes, freeze UI pendant la capture
- Maintenance sporadique, alternatives modernes existent (html-to-image)
Pour qui
- Génération de certificats téléchargeables depuis une page web React
- Export d'éléments UI en PNG pour des rapports ou présentations