个人中心
gpt4 book ai didi

javascript - 如何使用 jsPDF js 库在 PDF 中创建超链接？

转载 作者：塔克拉玛干 更新时间：2023-11-02 20:24:12 26 4
gpt4 key购买 nike

JavaScript:

    function demoJsPdf() {
        var doc = new jsPDF("landscape", "mm", "a4");

        doc.setFontSize(22);
        doc.text(20, 20, 'This is a exmaple of jsPDF');

        doc.setFontSize(16);
        doc.text(20, 30, 'This example is created by dsharma4u29.');
        doc.fromHTML('<a href="javascript:window.print()">Print</a>', 20, 60, {'width': 10, 'elementHandlers': specialElementHandlers});

        var iframe = document.getElementById('output');
        iframe.style.width = '100%';
        iframe.style.height = '400px';
        iframe.src = doc.output('datauristring');
    }

    var specialElementHandlers = function() {
        return;
    }

HTML:

    <html>
    <body>

    <div>
        <a href="javascript:demoJsPdf()" class="button">Run Code 2</a>
    <iframe id="output"></iframe>
    </div>

    </body>
    </html>

现在文本“运行代码 2”必须显示为超链接，但它只是显示为简单文本，而不是超链接。如何将其实现为 PDF 上的超链接？

最佳答案

jsPDF 有两个添加超链接的工具，.link()和 .textWithLink() ，自 2014 年 11 月起可用。它们没有很好的文档记录，但您可以找到一些有关如何使用它们的信息 here .

// Create text 'Hello World!' with a link
doc.textWithLink('Hello World!', 25, 25, {url: 'https://www.example.com/'});

// Create a rectangle and place a link box on top of it.
doc.rect(25, 50, 25, 25, 'FD');
doc.link(25, 50, 25, 25, {url: 'https://www.example.com/'});

你也可以使用我的图书馆html2pdf ，它将任何 HTML 呈现为 PDF 并自动为所有 <a> 添加超链接 anchor 标签。

关于javascript - 如何使用 jsPDF js 库在 PDF 中创建超链接？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25501024/

26 4 0
文章推荐： javascript - Pdf.js 的加载栏
文章推荐： iphone - 如何在 Facebook API ios 中获取用户名？
文章推荐： JavaScript 表达式
文章推荐： ios - 为 iPad 开发应用程序
塔克拉玛干
个人简介

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

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