js创建pdf文件

最新推荐文章于 2024-06-06 15:22:56 发布

学习使我快乐——玉祥

最新推荐文章于 2024-06-06 15:22:56 发布

阅读量453

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

本文章作者主页，https://blog.csdn.net/qq_43319748，未经作者允许禁止转载，如有问题，欢迎指正！☺☺☺

本文链接：https://blog.csdn.net/qq_43319748/article/details/125528262

版权

js 专栏收录该内容

75 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="UTF-8">
  <title>Blobs</title>
  <script src="http://localhost:81/0_plus-in/jspdf/jspdf.debug.js"></script>
</head>
 
<body>
  <button id="button">Link</button>
</body>
 

<script>
const download = (fileName, blob) => {
  const element = document.createElement('a');
  const url = window.URL.createObjectURL(blob);
  element.href = url;
  element.download = fileName;
  element.target = '_blank'; 
  element.click();
  element.remove();
}
 
document.addEventListener('click', async event => {
  if (event.target.id === 'button') {
    const doc = new jsPDF();
    const fileName = 'test.pdf';
    doc.text('Hello world!', 10, 10);
    const blob = new Blob([doc.output()]);
    download(fileName, blob);
  }
});


</script>
</html>