起点：除了静态文件，我没有可以提供任何东西的服务器。我的<body> 中有一个 SVG 元素（动态创建），我想导出为矢量格式，最好是 PDF 或 SVG。
我开始考虑使用现有的库 jsPDF 和 downloadify。它工作得很好。不幸的是，这不支持 SVG，只支持文本。
我已经了解了 PDF 格式嵌入 SVG 图像的可能性，并且 it seems 自 Acrobat Reader 5（以及 ImageViewer 插件）以来已启用。但它不起作用。我尝试了 3 种不同的 PDF 阅读器，但均未成功。
这是否意味着 PDF 不再支持 SVG 嵌入？我在这方面没有找到任何东西。
我有两个问题；这可以解决吗？如果是，在 PDF 中嵌入 SVG 的规范是什么？有了这些信息，我可以自己在 jsPDF 中构建支持。
浏览器支持需求是 Safari、Chrome 和 Firefox。支持 SVG 的版本。
【问题讨论】：
标签： javascript pdf svg pdf-generation
【讨论】：
我会回答我自己的问题。我最终使用了DocRaptor，它可以从 JavaScript 调用客户端。这在技术上解决了我的问题，即使它是一个非免费的解决方案。如果我的答案可能是服务器端解决方案，我可以将 wkhtmltopdf 用作麦克风的 proposed。
【讨论】：
jsPDF 有一个插件：svgToPdf：
https://github.com/ahwolf/jsPDF/blob/master/jspdf.plugin.svgToPdf.js
我没有尝试过，但这可能允许放弃使用外部 API 和/或不得不依赖服务器端解决方案。
【讨论】：
您尝试过 WKHTMLTOPDF 吗？它是一个基于 webkit 的免费工具。
我们写了一个小教程here.
在 Mac 上，使用 Safari 或 Chrome，您可以将嵌入了 SVG 的 HTML 页面保存为 PDF。
由于这些浏览器在内部使用 WKHTMLTOPDF，可能这也适合您。
【讨论】：
使用pdfkit、svg-to-pdfkit 和blob-stream 的最小示例，将 SVG DOM 元素下载为 PDF。
index.html 中导入包。<script src="https://cdn.jsdelivr.net/npm/pdfkit@0.10.0/js/pdfkit.standalone.js"></script>
<script src="https://bundle.run/blob-stream@0.1.3"></script>
<script src="https://cdn.jsdelivr.net/npm/svg-to-pdfkit@0.1.8/source.js"></script>
svg 是 SVG DOM 元素或 SVG 字符串。function downloadPDF(svg, outFileName) {
let doc = new PDFDocument({compress: false});
SVGtoPDF(doc, svg, 0, 0);
let stream = doc.pipe(blobStream());
stream.on('finish', () => {
let blob = stream.toBlob('application/pdf');
const link = document.createElement('a');
link.href = URL.createObjectURL(blob);
link.download = outFileName + ".pdf";
link.click();
});
doc.end();
}
【讨论】：
EVO HTML to PDF Converter 支持将嵌入在 HTML 中的 SVG 转换为 PDF。您可以在此处查看此功能的示例：http://www.evopdf.com/demo/HTML_to_PDF/HTML5_Features/SVG_to_PDF.aspx。示例代码是：
// Create a HTML to PDF converter object with default settings
HtmlToPdfConverter htmlToPdfConverter = new HtmlToPdfConverter();
// Convert the HTML page with SVG to a PDF document in a memory buffer
byte[] outPdfBuffer = htmlToPdfConverter.ConvertUrl(urlHtmlWithSVG);
// Send the PDF as response to browser
// Set response content type
Response.AddHeader("Content-Type", "application/pdf");
// Instruct the browser to open the PDF file as an attachment or inline
Response.AddHeader("Content-Disposition", String.Format("attachment; filename=SVG_to_PDF.pdf; size={0}", outPdfBuffer.Length.ToString()));
// Write the PDF document buffer to HTTP response
Response.BinaryWrite(outPdfBuffer);
// End the HTTP response and stop the current page processing
Response.End();
【讨论】：