如何使用jsPDF从SVG轻松创建PDF？

Question

我正在尝试创建一个pdf,但我有一些SVG图片.我找到了有关此问题的信息,但我只需要使用JavaScript,也就是说,没有jQuery.

我在这里找到了jsPDF:https://github.com/MrRio/jsPDF

插件jspdf.plugin.sillysvgrenderer.js(在同一个文件夹中),我们可以在其中找到在文件夹测试中创建的PDF的例子.

但是当我尝试自己生成PDF时,它不起作用,我不明白为什么.

你知道怎么做吗？

Answer 1

我让这个插件工作了，但只能使用测试中的 SVG 文件，并且我在文档中看到仅支持 PATH :(

github上已经有这个问题 https://github.com/MrRio/jsPDF/issues/384

如果路径没问题，这里是我的代码（或多或少是测试中的代码）：

function demoSvgDocument() {
    var doc = new jsPDF();
    var test = $.get('013_sillysvgrenderer.svg', function(svgText){
        var svgAsText = new XMLSerializer().serializeToString(svgText.documentElement);
        doc.addSVG(svgAsText, 20, 20, doc.internal.pageSize.width - 20*2)

        // Save the PDF
        doc.save('TestSVG.pdf');
    });
}       

需要考虑的另一点是，您必须在服务器上运行所有示例。否则，您将看不到任何结果，可能是因为安全原因