🏁 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.
📦 Basic
Hello SnapDOM!
Transforms & Shadows
Transformed + Shadow
Capture it just with outerTransforms /
outerShadows.
🅰️ ASCII Plugin
🚀✨🧠🖼️🎛️🧪 💡🧩📦🧭⚙️🛡️ 📈🖥️📐🧵🕹️🎨 🔬🗜️🧰🔧🪄🧷
🕒 Timestamp Plugin
🚀 Fun Transition
🕺💃
I'm dancing and changing color!
Orbit CSS toolkit - Go to repo
🔤 Google Fonts
Unique Typography!
Google Fonts with embedFonts: true.
🧱 Shadow DOM
🎨 Canvas
📁 Export Formats
📤 Export as
PNG, JPG & WebP.
✨ Pseudo Elements
This element has pseudo-elements.
✂️ Clip-Path Demo
This shape uses clip-path
🌀 Mix Blend Mode
CSS background-blend-mode: multiply — a gradient image (sky + grass) blended with a blue overlay. SnapDOM captures the final rendered result.
Gradient × blue overlay = tinted result
🧩 Iframe (same-origin)
⌨️ Inputs & Textarea
🎭 Masking Effects
🌐 CORS Proxy (useProxy)
Image preview (background)