jsPDF

时间:2019-01-27 09:37:19

标签: javascript jspdf

我正在开发一个电子学习课程,可以在成功完成课程后下载证书。我正在使用jsPDF,一切正常,可以将变量从课程复制到pdf,可以保存pdf,但是在尝试添加背景图像时遇到问题。

我不是JavaScript方面的专家,因此我正在正确阅读文档。我能够将脚本加载到html中,除了addimage函数外,javascript代码可以正常运行,它始终给出“无法读取未定义的'addImage'属性”,并且使脚本崩溃。

这是我正在使用的javascript:

var player = parent.GetPlayer();
var doc = new jsPDF('p', 'mm', 'a4');
var certif = player.GetVar("cert");

if (certif == 1) {
   parent.backgroundimage ();
 }
var namename = player.GetVar("input1");
 doc.setFontSize(18);
 doc.setTextColor(0,0,0);
 doc.setFontStyle("bold");
 doc.text(17, 55, namename);

doc.save('Certificate.pdf');


这是我单独保存的backgroundimage函数的单独javascript(image.js),因为Articulate Storyline不直接支持Base64。

function backgroundimage() {
var imgData = 'data:image/jpeg;base64,... string with over 120.000 characters'
doc.addImage(imgData, 'JPEG', 0, 0, 210, 223)
}


这是我包含在html头中的脚本:

<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js" type="text/javascript"></script>
<script src="https://unpkg.com/jspdf@1.5.3/dist/jspdf.debug.js" type="text/javascript"></script>
<script src="image.js" type="text/javascript"></script>


一切似乎都正常,我可以创建,保存pdf,定位文本,我可以调用函数“ backgroundimage”(使用console.log对其进行了测试),只有在包含doc.addimage时才会出现错误。我已经使用jspdf中包含的addimage.js进行了测试,但是没有结果。我使用了下载的JavaScript,并且仅尝试使用jspdf.js,可能是我能想到的所有可能性,但没有结果。

0 个答案:

没有答案