使用jspdf将html内容转换成pdf下载到本地，html导出为pdf

2023-10-22 06:47| 来源: 网络整理| 查看: 265

使用jspdf将html内容转换成pdf下载到本地，html导出为pdf 一、？二、使用步骤1.使用script标签引入库2.使用jspdf3.完成 dev_services!!!!!总结

一、？

html转换系列常规？

二、使用步骤 1.使用script标签引入库

将script代码写入index.js文件，body下面，养成好习惯代码如下（示例）：

2.使用jspdf

html 代码如下（示例）：

The title goes here The pararaph goes here 导出

name: "htmlToPdf", data() { return {}; }, methods: { exportPdf() { var doc = new jsPDF(); var specialElementHandlers = { "#editor": function (element, renderer) { return true; }, }; doc.fromHTML(document.getElementById("content").innerHTML, 15, 15, { width: 190, elementHandlers: specialElementHandlers, }); doc.save("sample-page.pdf"); }, },

css福利

.custom-btn { width: 130px; height: 40px; color: #fff; border-radius: 5px; padding: 10px 25px; font-family: "Lato", sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1); } /* 1 */ .btn-1 { background: rgb(6, 14, 131); background: linear-gradient( 0deg, rgba(6, 14, 131, 1) 0%, rgba(12, 25, 180, 1) 100% ); border: none; } .btn-1:hover { background: rgb(0, 3, 255); background: linear-gradient( 0deg, rgba(0, 3, 255, 1) 0%, rgba(2, 126, 251, 1) 100% ); } 3.完成

在这里插入图片描述链接: https://github.com/NotBerlin/vue-router-vuex/tree/dev_services.

dev_services!!! 总结 good afternoon

【本文地址】

公司简介

联系我们