js 原生将页面打印成pdf格式

最新推荐文章于 2024-06-27 08:16:45 发布

简简单单写程序

最新推荐文章于 2024-06-27 08:16:45 发布

阅读量1.3k

点赞数 1

文章标签： javascript css html5 html css3

本文链接：https://blog.csdn.net/m0_48223711/article/details/106952739

版权

本文介绍了如何使用JavaScript原生代码将HTML表格直接打印为PDF文件，主要关注于JavaScript、CSS以及HTML5的相关技术。

摘要由CSDN通过智能技术生成

js 原生直接打印pdf 表格

偷懒的程序员:自己也是个小白,只是把自己平时找到的资源整合一下分享给大家,希望大家学习起来更为方便,加油
 
 代码使用到了jspdf.js 和    https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>blob test</title>
</head>

<body>
  <button id="blob-txt">blob转txt下载</button>
  <div id="demo" style="background-color: #fff;">
    <h2>购物车</h2>
    <hr>
    <hr>
    <table>
      <tr>
        <th>商品名称</th>
        <th>价格</th>
        <th>数量</th>
      </tr>
      <tr>
        <td>测试商品</td>
        <td>100</td>

最低0.47元/天解锁文章

简简单单写程序

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js 原生将页面打印成pdf格式

js 原生直接打印pdf 表格偷懒的程序员:自己也是个小白,只是把自己平时找到的资源整合一下分享给大家,希望大家学习起来更为方便,加油代码使用到了jspdf.js 和 https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt
复制链接

扫一扫