使用javascript动态创建SVG路径,然后导出到.pdf

SVG paths dynamically created with javascript and then exported to .pdf

本文关键字:然后 pdf 路径 javascript 动态 创建 SVG 使用      更新时间:2023-09-26

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

我无法让后者工作,但我也无法让SVGtoPDF函数来填充我的路径。

有人能帮我吗?有没有更好的(但仍然免费的)解决方案可以将我的SVG导出到pdf文档(客户端)?

解决方案:使用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();