Rendering Capabilities & Limits
Truden uses SnapDOM as its capture engine, providing modern DOM rasterization that outperforms legacy tools.
Supported Media & Modern CSS Features
Section titled “Supported Media & Modern CSS Features”| Feature | Support | How SnapDOM Handles It |
|---|---|---|
<video> Elements |
Supported | Automatically snapshots the current playing video frame to an image. |
<canvas> Elements |
Supported | Rasterizes 2D and 3D <canvas> elements directly into the snapshot. |
Same-Origin <iframe> |
Supported | Inlines same-origin iframe subtrees and automatically reads scoped fonts. |
| Modern CSS | Supported | Flexbox, CSS Grid, backdrop-filter, clip-path, transforms, and web fonts. |
| Pixel-Exact Layout | Supported | Built-in { reconcile: true } prevents text re-wrapping. |
Browser Security Boundaries
Section titled “Browser Security Boundaries”1. Cross-Origin Images & CORS
Section titled “1. Cross-Origin Images & CORS”External <img> tags or CSS background images loaded from third-party servers must include CORS headers (Access-Control-Allow-Origin: *). If CORS headers are missing, the browser blocks canvas export to protect user data.
2. Cross-Origin <iframe> Elements
Section titled “2. Cross-Origin <iframe> Elements”Browser Same-Origin Policy forbids reading pixel data from third-party domains (e.g. YouTube or Stripe checkout). Cross-origin iframes render cleanly as neat placeholders without throwing errors.