Question

我有一个华丽的模式（http://pages.bangor.ac.uk/~abp4d9/），用户可以移动滑块（内圈和花瓣）和花朵变化。我有3个'另存为'按钮。第一名（SVG）效果很好。另外两个只在中途工作。保存的文件以适当的格式出现，但随后无法打开，表示存在错误。所有3个JS函数几乎完全相同 - 我基本上从工作的第1个函数中复制它们。我不确定要纠正什么 - 可能是'新的Blob'格式，但我不确定要放什么。所以，总结一下： •如何使用“另存为SVG”按钮对PDF和PNG执行相同操作？这是我的半工作PDF按钮的JS：

function downloadPdf(){
var svg = document.getElementsByTagName("svg")[0];
var svg_xml = (new XMLSerializer).serializeToString(svg);
var blob = new Blob([svg_xml]);
var url = window.URL || window.webkitURL;
var blobURL = url.createObjectURL(blob);
var a = document.createElement('a');
a.download = "Pattern.pdf";
a.href = blobURL;
document.body.appendChild(a);
a.click();
}

Answer 1

你必须创建PNG分配。 PDF首先。对于PNG，您可以使用canvas绘制图像，然后将画布内容检索为PNG（或者您可以使用库）。对于PDF，您必须使用库。

将SVG模式保存为PDF和PNG

1 个答案: