个人中心
gpt4 book ai didi

javascript - 如何在使用 javascript 生成 pdf 文件时添加图像。添加 imageLoadFromURL 时不会生成 pdf

转载 作者：行者123 更新时间：2023-11-28 02:01:11 24 4
gpt4 key购买 nike

我在使用 javascript 生成 pdf 文件时添加图像时遇到问题。这是我的代码:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="base64.js"></script>
<script type="text/javascript" src="sprintf.js"></script>
<script type="text/javascript" src="jspdf.js"></script>



<script>

  function demo1() {

    var name = prompt('Name: ');
    var nachname=prompt('Nachname: ');
    var doc = new jsPDF();

    doc.setFontSize(22);    
    doc.text(20, 20, 'Der eingegebene Text');
    doc.setFontSize(16);
        doc.imageLoadFromUrl('image.jpg');
        doc.imagePlace(20, 40);


    doc.text(20, 30, 'Name: ' + name);
    doc.text(20,40,'Nachname:'+nachname);



    // Output as Data URI
    doc.output('datauri');

}

</script>

</head>

<body>

<h2> Ein Document </h2>

<a href="javascript:demo1()"> PDF erstellen </a>


</body>
</html>

添加前

doc.imageLoadFromUrl('image.jpg');
doc.imagePlace(20, 40);

代码运行时没有图片。它以姓名和第二个姓名的需求单开始，之后生成一个 pdf 文件。但是当添加 imageLoad-Method 时，没有生成 pdf 文件。有谁知道如何解决这个问题？

最佳答案

我在 jsPDF 源代码中找不到 imageLoadFromUrl 函数。我会做的是:

  1. 以本站图片数据url为例:online image convertor

  2. 然后像这样使用它:

    var imgData = 'data:image/jpg;base64,iVBORw0KGgoAAAA...';//只是一个例子doc.addImage(imgData, 'JPEG', setX, setY, imageWidth, imageHeight);

关于javascript - 如何在使用 javascript 生成 pdf 文件时添加图像。添加 imageLoadFromURL 时不会生成 pdf，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13858076/

24 4 0
文章推荐： html - Kinetic.JS Canvas 旋转振荡动画
文章推荐： javascript - 在 .js 中设置默认选项卡
文章推荐： javascript - 无法将 jQuery 对象传递给函数。如何安全地将 jquery 对象传递给函数？
文章推荐： javascript - 我无法从 JSON 文件检索数据
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com