SVG 转 PDF — 在浏览器中将 SVG 矢量图形转换为 PDF 文档
将 SVG 矢量图形转换为 PDF。保留路径、文字和渐变,100% 隐私,全程在浏览器中运行,无需上传。
Drop your SVG file here
or click to browse — converts to PDF
SVG 是 W3C 在 Web 上矢量图形的标准。每个图标库、每个数据可视化库、每个设计工具都导出 SVG,每个浏览器都原生渲染它。PDF 是「为打印、共享和归档而设计的文档」的事实标准——每台打印机、每份政府表格、每本学术期刊都期望的格式。把 SVG 转换为 PDF 是把屏幕优化的图形接入打印优化文档的桥梁,转换质量取决于 PDF 能否忠实地还原 SVG 的矢量路径、文字和颜色。
本转换器把 SVG 路径作为原生 PDF 绘图命令嵌入,保留两种格式所追求的分辨率无关性。文字元素仍以可选、可搜索的 PDF 文字存在——对图表、信息图和可视化图形来说,这是关键细节,因为其中的标签和注释承载着超出视觉形状的含义。渐变、图案和裁剪路径映射到 PDF 的等价物。输出页面默认 A4,SVG 居中并按比例缩放以适应页面;页面尺寸切换可改为 Letter、自定义尺寸或 SVG 自身的 viewBox 大小。工具完全在你的浏览器中运行,专有的 SVG 永远不会被上传——这对内部架构图、客户工作以及任何不应离开本机的 SVG 源文件来说,是硬性要求。
使用方法
拖入或粘贴你的 SVG
把 .svg 文件拖入输入区,或将 SVG 标记粘贴到输入框。转换器会先校验 XML 结构,并在开始转换前报告任何解析错误。
设置输出页面尺寸
选择页面尺寸——A4、Letter,或与 SVG 自身的 viewBox 尺寸匹配。SVG 默认居中放置在页面上;切换「填满页面」可将图形缩放到页面边缘,并配置边距。
下载 PDF
PDF 把矢量路径保留为原生 PDF 绘图命令——不做栅格化。SVG 中的文字元素在 PDF 输出中保持可选、可搜索。
常见问题
PDF 会把文字保留为文字吗?
会。SVG 的 `<text>` 元素被转换为 PDF 文字操作符,并保留正确的字体族、字号和位置。文字在任何 PDF 阅读器中都可以选中、搜索和复制。SVG 中未嵌入的矢量字体会使用回退字体。
支持渐变和图案吗?
线性渐变和径向渐变会被转换为 PDF 的着色操作符。图案、滤镜(投影、模糊)和裁剪路径在 PDF 有等价物的情况下会被转换;复杂的 SVG 滤镜可能渲染效果不同或被省略。
能处理 SVG 中引用的外部图片吗?
外部引用的图片(通过 `<image href="...">`)会被获取,并以栅格内容嵌入 PDF。获取在你的浏览器中完成,因此图片必须可从你的网络访问,或以 data URI 形式内嵌在原始 SVG 中。
<style> 块里的 CSS 怎么处理?
转换器会解析内联 `<style>` 块,把解析后的样式应用到每个元素后再渲染。通过 `<?xml-stylesheet?>` 链接的外部样式表不会被获取;内联样式和表现属性完全受支持。
限制说明
- 不支持 SVG 动画SVG 动画(`<animate>`、`<animateTransform>`、SMIL)会被忽略。PDF 输出捕获的是 SVG 在初始状态的静态快照。带动画的 SVG 应导出为视频或逐帧栅格化。
- 滤镜还原度因效果而异复杂的 SVG 滤镜——feColorMatrix、feDisplacementMap、feTurbulence——可能产生与浏览器渲染不一致的输出。PDF 的成像模型比 SVG 的滤镜流水线简单得多。
- 无可交互元素SVG 链接、悬停状态和 JavaScript 事件处理函数无法转换为 PDF。静态视觉外观被保留,交互行为则丢失。
平台说明
- macOS
- macOS Preview 同时能渲染 SVG 和 PDF。在把 PDF 外发之前,可以用 Preview 并排对比源 SVG 与生成的 PDF,进行快速视觉检查。
- Linux
- Inkscape 和 rsvg-convert 是标准的命令行 SVG 转 PDF 工具。当需要快速做一次性转换,又不想专门安装 SVG 渲染器时,浏览器工具是合适的选择。
- Web
- 完全在客户端运行。SVG 在隐藏的 canvas 中渲染,PDF 由绘图命令组装——任何 SVG 内容都不会被上传。