🏁 Benchmark: snapDOM vs html2canvas
Each library will capture the same DOM element to canvas 5 times. We'll calculate average speed and show the winner.
This is the benchmark test element to be captured by both libraries.
snapDOM
html2canvas
📦 Basic
Hello SnapDOM!
🚀 Fun Transition
🕺💃
I'm dancing and changing color!
📦 Orbit CSS framework - repo
Orbit
THIRD EXTERNAL ORBITAL PATH
MERIDIAN SYSTEM
THIRD EXTERNAL ORBITAL PATH
MERIDIAN SYSTEM
PLANET
Orbit
SECOND EXTERNAL SYSTEM
MERIDIAN SYSTEM
SECOND EXTERNAL SYSTEM
MERIDIAN SYSTEM
🔤 Google Fonts
Unique Typography!
Google Fonts with embedFonts: true.
🧱 Shadow DOM
🎨 Canvas
📁 Export Formats
📤 Export as
PNG, JPG & WebP.
PNG, JPG & WebP.
✨ Pseudo Elements
This element has pseudo-elements.
✂️ Clip-Path Demo
This shape uses clip-path
🌀 Mix Blend Mode
Blended content