html pdf

作者：╃為伱變壞メ发布日期:2026-03-02 浏览:113

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML to PDF Example</title>
</head>
<body>
    <h1>Convert HTML to PDF</h1>
    <p>This is an example of how you can convert HTML content into a PDF file using JavaScript and the jsPDF library.</p>

    <!-- Include jsPDF library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script>
        function generatePDF() {
            // Initialize jsPDF
            const { jsPDF } = window.jspdf;
            const doc = new jsPDF();

            // Add text to PDF
            doc.text("Hello world!", 10, 10);

            // Save the PDF
            doc.save('example.pdf');
        }
    </script>

    <button onclick="generatePDF()">Generate PDF</button>
</body>
</html>

解释说明：

HTML结构：创建了一个简单的HTML页面，包含一个标题、一段文字和一个按钮。
jsPDF库：通过<script>标签引入了jsPDF库，这是一个用于生成PDF文件的JavaScript库。
JavaScript函数：定义了一个名为generatePDF的函数，该函数使用jsPDF库创建一个新的PDF文档，并在其中添加文本“Hello world!”，最后保存为example.pdf。
按钮：页面中有一个按钮，点击后会调用generatePDF函数，生成并下载PDF文件。

希望这个示例能帮助你理解如何将HTML内容转换为PDF文件。

上一篇：图片居中怎么设置html

下一篇：html for循环