HTML图像到PDF格式的pdf转换器

本文介绍了HTML图像到PDF格式的pdf转换器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

HTML代码：

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

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

I want to convert this image to pdf format. I am using jspdf() for this but i am not getting my output ?Can someone give me live example on fiddle for pdf conversion for chrome.

推荐答案

以下是代码来自它的github网站

Here is code from it's github site

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安全限制，以防止它从网址加载图片，那么只需添加此项行，它将正常工作
img.crossOrigin =;
对于chrome alse来说没问题

If you are working in chrome security restrictions that prevent it from loading images from a url so just add this line and it will be working fine
img.crossOrigin = " ";
It will be fine for chrome alse

这篇关于HTML图像到PDF格式的pdf转换器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！