使用 javascript 动态创建的 SVG 路径，然后导出为 .pdf答案

【问题标题】：SVG paths dynamically created with javascript and then exported to .pdf使用 javascript 动态创建的 SVG 路径，然后导出为 .pdf
【发布时间】：2013-08-21 03:35:08
【问题描述】：

在寻找将 SVG 导出为 pdf 的方法时，我遇到了 jsPDF。我的问题是尝试创建填充路径时。搜索 jsPDF 的 git 让我相信我会使用 SVGtoPDF 插件，但还有一个名为“sillysvgrenderer”的插件，它具有“addSVG”功能。

我无法让后者工作，但我又无法让 SVGtoPDF 函数填充我的路径。

有人可以帮我解决这个问题吗？是否有更好（但仍然免费）的解决方案将我的 SVG 导出为 pdf 文档（客户端）？

【问题讨论】：

您可以使用 Phantom.js，它提供了一个将 SVG 转换为 PDF 的命令行界面。如果您需要任何帮助，请告诉我。

标签： javascript pdf svg path jspdf

【解决方案1】：

解决方案：使用 PhantomJS 使我能够呈现自己的 SVG 代码并将其保存为 .pdf 文件。

Javascript：

var svgString = "<svg xmlns='http://www.w3.org/2000/svg' version='1.1'><path d='M0,0L600,200L0,200z'></path></svg>";

var page = require('webpage').create();

page.content = svgString;

page.render('aRectangle.png');
phantom.exit();

【讨论】：