html2canvas
DOM to image capture. Used here to generate Academy certificates.
Strengths
- Captures exact DOM rendering as seen by user, no server screenshot needed
- Works entirely client-side, no server dependency or external API
- Simple React integration: target a ref and call html2canvas(element)
Limitations
- Significant CSS limitations: SVG, CSS variables, some gradients poorly rendered
- Slow performance on complex elements, UI freeze during capture
- Sporadic maintenance, modern alternatives exist (html-to-image)
Best for
- Downloadable certificate generation from a React web page
- UI element export as PNG for reports or presentations