在网页中添加打印为 pdf 选项

Question

我想通过在我的网页上提供打印选项来将下面显示的图像打印为 PDF，我在 pdf 中有我想要的图像路径和其他详细信息，例如数据库中的日期、描述等。 我想通过提供可以从数据库中获取的 URL 和详细信息来打印图像。 谢谢

Answer 1

jspdf似乎可以满足您的要求，您可以构建包含图像的 pdf 文件。 其实很简单：

var doc = new jsPDF();
doc.setFontSize(40);
doc.addImage(imgData, 'JPEG', 15, 40, 180, 160);

根据我的理解，这里唯一的问题是您必须从 url 获取图像，然后将其转换为 base64。

这是一个有效的解决方案：

https://codepen.io/bcaure/pen/OEVyKB

 var xmlHTTP = new XMLHttpRequest(); xmlHTTP.open('GET', 'https://gravatar.com/avatar/09e327bdf4e6fc03bdda0fbaccf18132', true); xmlHTTP.responseType = 'blob'; xmlHTTP.onload = function() { var reader = new FileReader(); reader.readAsDataURL(xmlHTTP.response); reader.onload = function(url){ var doc = new jsPDF(); doc.addImage(url.target.result, 'JPEG', 15, 40, 180, 160); doc.save('two-by-four.pdf'); }; }; xmlHTTP.send();