在网页中添加打印为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();