分成两个模块: html2canvas和jspdf 一:html2canvas 1.1:canvas简介 1.1.1将html使用html2canvas捕获屏幕渲染出图片,不需要服务器的参与,直接由客户端浏览器生成 1.2:使用方法 1.2.1导入html2canvas.js 将界面中的元素渲染成canvas,然后使用htmlcanvas(element, { onrender: function(canvas) { document.body.appendChild(canvas); } }将生成的canvas回调插入到界面中。
二:jspdf 2.1:jspdf简介 用于浏览器端生成pdf 2.2:使用方法 导入js.pdf var doc = new jsPDF(); doc.text('你想添加的文本',10,10) doc.save('你想保存的PDF名') 三:实际使用时先使用htmlcanvas将元素渲染捕获,后用jsPDF将捕获出的canvas保存成pdf格式