买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：中国中原对外工程有限公司

摘要：本发明属于电子文档处理技术领域，具体涉及基于canvas将前端页面转pdf及提高pdf清晰度的实现方法。包括如下步骤：获取需要打印页面上某个指定区域；获取需要生成元素的宽高；步骤3：创建canvas，之后创建context对象；提供参数；将转换元素进行处理过后则调用内部html转换canvas的方法；计算pdf文件一页的页面高度；通过newJsPDF创建一个pdf元素，传入提供的pdfPosition控制pdf页面的方向；当完成所有pdf追加后，通过pdf.save存储pdf到本地。有益效果在于：通过前端canvas转换为pdf，当需要控制元素内部是否需要在pdf中呈现时，提供特定的参数来控制元素不在pdf中显示。

主权项：1.基于canvas将前端页面转pdf及提高pdf清晰度的实现方法，其特征在于，包括如下步骤：步骤1：首先接收一个dom节点，获取需要打印页面上某个指定区域，如没有则打印页面全部区域，进行一次页面scorll即window.scrollTo0,0；步骤2：从接收到的dom节点上获取需要生成元素的宽高，并且获取该元素距离顶部文档的距离和距离文档最左边的距离；步骤3：创建canvas，然后将canvas的宽高基于步骤2中取出的元素宽高放大两倍，之后创建context对象；步骤4：提供参数，在进行dom节点转换pdf之前对dom节点进行处理，其中包括需要转换的元素中包含了textarea的情况，对转换元素进行查找获取所有的多行文本，将所有查找出来的textarea进行遍历然后在其中创建容器来存在textarea中的值，然后将本textarea进行隐藏最后将创建的div容器放入textarea的parentElement中即可实现转换textarea中所有文字；步骤5：将转换元素进行处理过后则调用内部html转换canvas的方法；步骤6：将需要转换的元素转成canvas之后，处理一页pdf显示html页面生成的canvas高度，即计算pdf文件一页的页面高度，根据A4纸张大小计算canvas的宽高，然后通过canvas.toDataURL转换成需要的pageData；步骤7：将转换的元素生成好canvas之后，引入三方公用的npm包jspdf，通过newJsPDF创建一个pdf元素，传入提供的pdfPosition控制pdf页面的方向；步骤8：当完成所有pdf追加后，通过pdf.save存储pdf到本地。

全文数据：

权利要求：

百度查询： 中国中原对外工程有限公司 基于canvas将前端页面转PDF及提高PDF清晰度的实现方法