如何用jsPDF将JSON对象指定值生成可下载PDF？

你的代码存在两个核心问题，直接导致了报错：

1. 未定义的tree变量：你声明了const pdfvalue = tree[1];，但代码中从未定义过tree，这会让pdfvalue变为undefined，而jsPDF的doc.text方法无法处理undefined作为文本参数，因此抛出错误。
2. 未正确获取目标值：你需要的是data对象里的homeTown属性值（即"Metro City"），但当前代码没有正确指向这个值。

修复步骤： #

• 替换tree[1]为data.homeTown，直接从JSON对象中提取目标值；
• 确保已引入jsPDF库（如果还没引入，需要在HTML中添加jsPDF的脚本引用，使用本地文件或合法资源）。

修正后的完整代码： #

<div class="container">                    
    <input type="button" value="Create PDF" onclick="generatePDF()">
</div>

<!-- 先引入jsPDF库，替换为你的库文件路径 -->
<script src="jspdf.umd.min.js"></script>
<script type="text/javascript">
    const data = {
        "squadName": "Super hero squad",
        "homeTown": "Metro City",
        "formed": 2016,
        "secretBase": "Super tower",
        "active": true
    };
    // 正确获取目标值
    const pdfvalue = data.homeTown;

    function generatePDF() {
        const { jsPDF } = window.jspdf;
        const doc = new jsPDF();
        // 传入有效字符串生成PDF内容
        doc.text(pdfvalue, 100, 100);
        doc.save("newFile.pdf");               
    }           
</script>

运行修正后的代码，点击按钮即可生成包含"Metro City"的可下载PDF文件。

内容的提问来源于stack exchange，提问作者baguette