Show HN: I created snapDOM to capture DOM nodes as images with exceptional speed
a year ago
- #DOM capture
- #SVG conversion
- #web development
- snapDOM 是一款高保真DOM捕捉工具，可将HTML元素转换为可缩放的SVG图像。
- 保留样式、字体、背景、Shadow DOM内容及伪元素。
- 支持导出为SVG、PNG、JPG、WebP或canvas格式。
- 轻量无依赖，基于标准Web API开发。
- 可通过CDN、script标签或模块化引入使用。
- 提供多种捕捉方法，如snapdom(el)、snapdom.toPng(el)等。
- 支持捕获Shadow DOM、伪元素、背景及字体。
- 提供元素排除(exclusion)和占位符(placeholder)属性支持。
- 外部图片需符合CORS规则；字体需在捕捉前完成加载。
- 在速度表现上优于同类库，尤其针对大型DOM结构时优势显著。