javascript中的HTML图像到pdf转换器

【问题标题】：HTML image to pdf convertor in javascriptjavascript中的HTML图像到pdf转换器
【发布时间】：2014-09-14 11:52:30
【问题描述】：

HTML 代码：

<img class="imagepdf "src="www.images.com/someimage" alt="Smiley face" height="42" width="42">

我想将此图像转换为 pdf 格式。我正在为此使用 jspdf() 但我没有得到我的输出？有人可以给我一个关于 chrome 的 pdf 转换小提琴的活生生的例子。

【问题讨论】：

为什么不直接阅读documentation，它非常直截了当，并确保您已打开控制台并检查错误。
我同时使用了 addimage 和 addhtml 方法我没有得到我的输出？

标签： javascript jquery html pdf-generation jspdf

【解决方案1】：

这是来自它的 github 站点的代码

var getImageFromUrl = function(url, callback) {
    var img = new Image();

    img.onError = function() {
        alert('Cannot load image: "'+url+'"');
    };
    img.onload = function() {
        callback(img);
    };
    img.src = url;
}


var createPDF = function(imgData) {
    var doc = new jsPDF();



    doc.addImage(imgData, 'JPEG', 10, 10, 50, 50, 'monkey');
    doc.addImage('monkey', 70, 10, 100, 120); // use the cached 'monkey' image, JPEG is optional regardless



    doc.output('datauri');
}

getImageFromUrl('thinking-monkey.jpg', createPDF);

如果您使用 chrome 安全限制阻止它从 url 加载图像，那么只需添加这一行，它就会正常工作
img.crossOrigin = " ";
chrome 也可以的

【讨论】：