时间戳

首页 > 解决方案 > 有没有办法从使用 jspdf 创建的 html 或 pdf 中获取使用 canvas 创建的图像的 URL？

javascript - 有没有办法从使用 jspdf 创建的 html 或 pdf 中获取使用 canvas 创建的图像的 URL？

问题描述

嗨，我已将我的 html 页面转换为画布图像，然后使用 jspdf 库将该图像转换为 pdf。现在我想调用 ajax 函数POST或$.post函数并将该 pdf 文件链接发送到后端并使用我们自己的电子邮件模板将其发送到电子邮件。在那个电子邮件模板中，我使用<a>了应该包含从前端传递的那个 pdf 的 url。以下是我在函数中使用的一些代码行。

索引.php

<script type="text/javascript">
html2canvas(document.querySelector(".certificate_holder")).then(canvas => {
    image.src = canvas.toDataURL("image/png");
    pdf.addImage(image.src, 'PNG', 0, 0);
    sendEmail(image.src)

    function sendEmail(pdflink){
            $.post("/pdfController/sendEmail",{link:pdflink}, function(data){
                console.log(data);
            })
        }    
</script>

在上面的代码中，我正在使用toDataUrlBasecode 中的图像链接（很长），而不是我想要可以在<a href="pdflink">. 有什么方法可以使用 jspdf 库生成或获取 pdf 链接？另一种选择是从上面代码中的 Basecode URL 获取一个简短的实际链接，即image.src. 帮助表示赞赏。

标签： javascriptjspdfhtml2canvas

解决方案

推荐阅读