HTML图像到javascript中的pdf转换器

2019-10-29 09:37:18 阅读：242 来源： 互联网

标签：jspdf pdf-generation html javascript jquery

HTML代码：

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

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

解决方法:

这是来自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来说会很好

标签：jspdf,pdf-generation,html,javascript,jquery
来源： https://codeday.me/bug/20191029/1959081.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML图像到javascript中的pdf转换器