HTML图像到javascript中的pdf转换器

Question

HTML代码：

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

我想将此图像转换为pdf格式。我为此使用jspdf（），但没有得到我的输出？有人可以给我提个关于chrome的pdf转换的实时示例。

Answer 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 Alse来说会很好